Pengertian dari fungsi robot.txt bagi Blog dalam Search Engine

Robots.txt adalah Sebuah file dengan sebuah fungsi yang di gunakan untuk membatasi akses robot mesin pencari (Search engine misal : Google,Bing,Yahoo) yang sedang menjelajahi atau membuka situs web yang anda miliki . Sebelum mereka mejelajahi halaman web, mereka memeriksa terlebih dahulu untuk melihat apakah sebuah file robots.txt ada ataukah tidak , dan di dalam robots.txt ada perintah (command) yang mencegah mereka mengakses untuk halaman tertentu.

Kita memerlukan robots.txt agar robot-robot itu tidak mengindex halaman di search engine (Google,yahoo,Bing) yang tidak kita inginkan , karena mungkin ada beberapa halaman web yang tidak ingin di index oleh search engine. Dan jika kita ingin semua content di web kita di index oleh mesin pencari kita tidak membutuhkan robots.txt .

Meskipun Google / Mesin pencari (Search Engine ) lainnya tidak akan meng-crawl atau mengindeks konten halaman yang diblokir oleh robots.txt, masih mungkin URL kita di index , hal ini terjadi karena URL kita di temukan di situs lain. Akibatnya, URL kita berpotensi menjadi informasi publik & dapat muncul dalam hasil pencarian.

dalam hal ini menurut saya robot.txt sangatlah bermanfaat sekali untuk web / blog yang kita miliki agar teroptimasi lebih sempurna di mesin pencari (Search Engine ) dan saya menyarankan untuk membaca custom robot.txt Blogspot yang baik dan benar ada optimasinya lebih sempurna.
sekian dahulu untuk Pengertian dari fungsi robot.txt bagi Blog dalam Search Engine semoga bermafaat bagi web / situs anda

rewrite : here

Cara setting custom robot.txt Blogspot yang baik dan benar

Nah setelah lama tidak posting artikel kali ini saya mau membahas setting custom robot.txt blogspot yang baik dan benar karena ini penting sekali bagi sebuah blog untuk penjelelajahan search engine agar optimasi dan index page kita tidak duplikat dan tegolong SEO friendly pada google webmasters tool.
nah bagiamanakah cara setting robotnya ? anda dapat melihat settingan di bawah ini.

silahkan masuk ke setelan >> Preferensi penelusuran

cari pada Crawler and indexing seperti pada gambar di bawah ini :

pada robot.txt khusus klik edit dan ya kemudian masukan setting custom robot.txt blogspot yang baik di bawah ini pada kolom yang tersedia kemudian klik save :

    User-agent: Mediapartners-Google    Disallow:            User-agent: *    Allow: /   Disallow: /*?    Allow: /atom.xml?*        Sitemap: http://www.citrosblog.com/atom.xml?redirect=false&start-index=1&max-results=500

 langkah selanjutnya yaitu setting custom robot.txt header tags  caranya anda dapat melihat gambar di bawah ini.


nah begitulah settingan untuk custom robot.txt Blogspot yang baik dan benar semoga blog anda menjadi blog yang berkwalitas dan mendapatkan page rank dan baik pula di mata mbah google :D

Tutorial membuat blog di blogger

Nah kali ini saya mengajari kepada kalian bagaimana membuat blog di blogger karena beberapa hari ini banyak yang bertanya kepada saya atau minta ajar kepada saya terumatama untuk pembelajaran sekolah bidang TIK.
saya akan jelaskan sampe rinci langkah demi langkah.

mari kita mulai cara membuatnya.

Langkah 1 :
buatlah email terlebih dahulu (saya sarankann menggunakan google mail atau sering di sebut dengan gmail )

Langkah 2 :
setelah anda menyelesaikan langkah pertama maka buka alamat www.blogger.com di web browser anda
maka anda akan menemukan tampilan .

dan masukan alamat email serta sandi email adan kolom tersebut,setelah itu klik Masuk.

Langkah 3 :
setelah anda masuk ke dalam atau login maka akan muncul tampilan seperti di bawah ini.

ini adalah awal dari Tutorial membuat blog di blogger dan saya akan menjelaskannya.
dari tombol di atas maka anda klik saja tombol Lanjut ke Blogger

Langkah 4 :
Di bawah ini adalah tampilan dari dashboard Blogger dan lebih simple dari pada dashboard wordpress

Untuk membuat Blog maka klik saja Blog Baru

Langkah 5 :
Seperti gambar di bawa ini , setelah tadi anda klik untuk membuat blog maka akan muncul gambar di bawah ini.

Isi kan 2 kolom di atas.
*Judul adalah untuk memberi nama blog anda seperti punya saya ini " AFEEF GO BLOGS."
*alamat adalah link ke blog anda misal " afeefgoblogs.blogspot.com"
*Template adalah tema yang akan di gunakan pada blog anda,ada berbagai macam model tinggal anda pilih 1 saja.
Contoh pengisian :

Bila langkah di atas sudah seleasi maka klik Buat blog!

Langkah 6 :

Bila langkah 5 terselesaikan maka Blog berhasil di buat akan muncul tampilan di atas.
dan mulailah mengepost sebuah artikel yang anda inginkan dengan klik Mulai mengeposkan

Ada beragam menu pada blogger yaitu :

akan saya jelas menua di atas sesuai dengan Tutorial membuat blog

*Ikhtisar adalah menu overview pada blogger ( sama dengan wp)
*Post adalah menu untuk memposting artikel,edit,hapus.
*Laman adalah menu untuk membuat halaman seperti "Home,Profil,Contact us,about me"
*Komentar adalah menu untuk melihat komentar yang ada di blog kita bisa jua untuk menghapus
*Statistik adalah melihat sumber pengunjung,jumlah pengunjung dan apa saja yang di buka pengunjung kpada blog kita
*Penghasilan adalah menu sebuah statistik penghasilan blog kita bila di daftarkan Google Adsense
*Tata Letak adalah menu untuk mengatur widget dan penempatannya
*Template adalah menu untuk mengedit template kita dari tampilan,warna,hurus dan lain-lain
*Setelan adalah menu untuk mngatur settingan blog kita.

cobalah sendiri dari masing masing menu di atas,bila tidak mencoba maka anda tidak akan tahu,sama halnya ilmu bila tak di gunakan dengan sebaikbaiknya maka tidak ada gunanya.

sekian dahulu untuk tutorial membuat blog di blogger bila da yang mau di tanyakan bisa contac saya di FB lewat PM (Privat Message) http://facebook.com/afiefgoro

Cara membuat burung twitter terbang di blog

Posting sekarang saya mau bahas tentang tutorial blog yang isinya Cara membuat burung twitter terbang di blog karena masih banyak yang penasaran bagaimna cara membuatnya,ini juga bisa sebagai hiasan di blog agar tampil lebih menarik di mata pengunjung serta untuk follow dengan cara mengklik saja burungnya maka akan sampai ke page twitter kita.kira-kira posting ini bagus kan ?kita coba yuks kawan untuk Cara membuat burung twitter terbang di blog

caranya : Cara membuat burung twitter terbang di blog

• Login ke blogger
• masuk ke Rancangan kemudian tambah gadget
• pilih HTML/javascript
• kemudian masukkan kode di bawah ini

<script type="text/javascript" src="https://sites.google.com/site/exeloph/file/Twitterbang.js"></script>
<script type="text/javascript">
var birdSprite="https://lh3.googleusercontent.com/_6TkGtddC4V4/TWCplect9lI/AAAAAAAAADI/6tK12S_REt8/bluetwit.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul",
"ol","li","h1","h2","h3","h4","p",
"code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/afeefsixteen";var tweetThisText = "Twitter - afeefsixteen http://afeefgoblogs.blogs.blogspot.com/";tripleflapInit();</script>

•  yang bercetak merah isikan sesuai nama twitter anda dan nama blog anda.
• kemudin simpan dan selesai.

mudah kan  Cara membuat burung twitter terbang di blog ?

Follow twitterq ya

@afeefsixteen

Tutorial cara menghapus atribution di blogspot

Tutorial cara menghapus atribution di blogspot

wah sekarang saya mau post blog berisi tentang tutorial blog karena sudah lama juga saya tidak menge-postnya.
apa yang saya mau post ? yaitu Tutorial cara menghapus atribution di blogspot di kalangan blogger banyak orang yg menghilangkan ini entah untuk keindahan tau apa,kalau saya sih gk terlalu berpengaruh (iyalah gk ada kog di template sya :p)
untuk Tutorial cara menghapus atribution di blogspot gk ribet kog dan cukup mudah,mau tau ?yukz simak

Caranya cukup simple dan mudah banget, ikuti Saja langkah dibawah ini.
Tutorial cara menghapus atribution di blogspot
pertama masuk pada "Design" Lalu "Edit HTML"

masukkan code css dibawah ini diatas code ]]>

#Attribution1 {height:0px;
visibility:hidden;
display:none
}

dan save maka selesai lah tutorial ini :)

mudah kan  Tutorial cara menghapus atribution di blogspot semoga bisa membantu !

Cara memasang Breadcumd di blogger

Cara memasang Breadcumd di blogger .Memasangataumembuatbreadcrumbinimemang di anjurkan karena dengan memasang breadcrumb, dapat menutupi salah satu kekurangan SEO untuk blogger.Kekurangan tersebut yaitu alamat url posting yang sangat terbatas. Maka dari itu mari kita pasang breadcumb untuk blog kita untuk keperluan SEO Friendly juga.
cara memasang breadcumb di blogger gk susah susah amat kog J

Cara Memasang Breadcrumb Google di Blogspot / Blogger

• Langkahpertama untukmemasang Breadcrumb di blogger kita login dahulu ke aku kita.
• Masuk ke halaman Design>edit HTML >centang Expand Widget Templates (janganlupaselalu backup template sebelum editing)
• Carikode<b:include data='top' name='status-message'/> , biasanyaterdapat 2 kodetersebut. Bilasudah di temukan, silahkan paste kode dibawah ini tepat di atasnya (paste aja di atas 2 kode yang anda temukan biar ga bingung).

<b:include data='posts' name='breadcrumb'/>

• Sekarangcarikode<b:includable id='main' var='top'>dan paste kodeberikuttepat di ataskode<b:includable id='main' var='top'>

<b:includable id='breadcrumb' var='posts'>
<b:ifcond='data:blog.homepageUrl != data:blog.url'>
<b:ifcond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span>&#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:ifcond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:ifcond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:ifcond='data:label.isLast == &quot;true&quot;'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span>&#187; <span>Unlabelled</span>&#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:ifcond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span>&#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:ifcond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:ifcond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span>&#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span>&#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if></div></b:if></b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

Simpan Template danselesai, andaberhasilmemasang breadcrumb di blogger,tungguhingga ke index oleh google

Untuk mempercantik Breadcrumb yang sudahandapasang, sekarang tambahkan sedikit sentuhan Css berikut ini yang perlu anda tambahkan di ataskode ]]></b:skin>

.breadcrumbs{margin-left:10px;padding: 5px 0;border-bottom: 1px dotted; line-height:1.4em;}

 Itu saja yang kita bahas untuk Cara memasang breadcumb di blogger
Semoga bermanfaat dan mudah di pahami karena ini juga untuk kebutuhan SEO blogspot J

di kutip dari : http://www.bamz.us/2011/11/cara-membuat-breadcrumb.html

Membuat tombol social bookmark di blog

Membuat tombol social bookmark di blog

- tutorial kali ini saya mau mengajari kalain memasang social bookmark dari addthis untuk kalian agar muncul tombol like facebook,share twitter dan google + . ini semua di gunakan untuk mempercantik blog dan juga membuat pengunjung merasa lebih baik serta untuk kebutuhan SEO Friendly.
langsung saja kita mulai bagaimana Membuat tombol social bookmark di blog :

1.masuk ke addthis.com
2.pilih tombolnya
3.setelah terpilih klik Get the code
4.copy semua code yang berada di kolom addthis
 misal :

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f5c32445993cc70"></script>
<!-- AddThis Button END -->

5.masuk ke blogger
6.klik Rancangan
7.Edit HTML > centang expand widget template
8.cari kode <div class='post-footer'> (gunakan tombol Ctrl+F untuk search)
9.paste kode dari addthis di bawah <div class='post-footer'>
10.simpan template

tombolnya akan muncul di bawah postingan bila ingin muncul di atas postingan paste di atas kode <data:post.body/>

cukup mudahkan cara Membuat tombol social bookmark di blog semoga bermanfaat ya :)

Cara membuat related post di blogger

Cara Membuat Related Post Di Blogger

- Related post atau artikel terkait sangat penting di untuk blog,disamping kebutuhan SEO Friendly, related post di blogger juga berfungsi untuk memberi tahu pada pembaca tentang artikel terkait atau related post dengan artikel yang sedang di baca olehnya,
nah sekarang saya akan memberikan tutorial bagaimana Cara membuat related post di blogger agar kalian dapat memasangnya di blog kalian :)

seperti gambar di atas ini jadinya :

1. Login ke blog kamu,
2.klik rancangan
3.edit html >  centang expand template, 
4. cari kode ]]></b:skin> dan letakkan kode di bawah ini tepat diatas kode ]]></b:skin>

/* Related Post */
.related_posts{margin-top:5px;padding:0 10px;border:1px solid #B7E8FF;background:#E0F5FF;}
.related_posts h4{color:#111;font:normal 19px/19px Arial, sans-serif;letter-spacing:-0.5px;padding:7px 0;border-bottom:solid 1px #fafafa;}
.related_posts a{color:#000;}
.related_posts ul{padding:0;}
.related_posts ul li{list-style:none;padding:4px 5px 4px 17px;border-bottom:1px solid #f9f9f9;line-height:18px;background:url(http://4.bp.blogspot.com/-q-HyNrgjvAE/TzQx3btIV4I/AAAAAAAABbU/PXVhFzfCOwg/s400/star.gif) no-repeat 0 7px;}

5.Langkah berikutnya kamu cari kode <div class=’post-footer-line post-footer-line-1′> kalau tidak ada, alternatifnya cari kode ini <p class=’post-footer-line post-footer-line-1′> dan letakkan kode berikut tepat diatas kode tersebut.
kalo kode di atas tidak ada juga cari kode <div class='post-footer'> dan letakkan script di bawahnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='related_posts'>
<div class='widget-content'>
<h4>Related Post:</h4>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 10;
var maxNumberOfLabels = 2;
maxNumberOfPostsPerLabel = 10;
maxNumberOfLabels = 2;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if> 

6.simpan templatemu dan lihat hasilnya ..

semoga bermanfaat  Cara membuat related post di blogger ini bagi kalian :)