SEO Dasar Blog - Mau posting tapi kok males nih sob tentang cara pasang breadcrumb, yang kemarin ada seorang teman melihat di toko blog kok ada menu navigasi kategori dan label blognya? Apakah ada pengaruh SEO dan meningkatkan trafik blogspot? Dari kemarin aja pas posting Cara memprediksi Page Rank blog ini buru-buru dan hasilnya zaw gitu lah?!? Bukannya lagi sibuk, cuma lagi fokus dulu tuh ma blog inggrisku yang satu ini, padahal gak ngerti logat inggris tuh sok-sokan posting inggris. ;-). Karena saya lagi berusaha buat nurunin Mr. Alexa yang terlalu berat untuk diucapkan sob jumlahnya walaupun Page Ranknya lumayan tuh, berapa yaw??? silahkan lihat dech yang pengen di Online News. Tapi sekarang saya akan coba bantu temen saya neh gimana cara pasang breadcrumb navigasi di blogspot dan bukan untuk wordpress tentunya.
Sebelum memasang breadcrumb ada baiknya kita mengetahui manfaat memasang breadcrumb navigasi di blogspot. Sebenarnya kalau dibilang breadcrumb bisa meningkatkkan pengunjung blog dengan cepat menurut toko blog kayaknya gak tuh. Cuma fungsinya mempermudah pembaca untuk melihat kategori atau label sebuah blog agar pengunjung melihat kategori blog dan menambah view page blog tersebut. Ada juga yang bilang mempermudah google untuk membaca isi postingan sahabat. Tapi apapun itu yang penting kita coba pasang breadcrumbnya aja deh siapa tau blog kita bisa banyak trafik dalam sehari. Tapi alangkah baiknya sahabat juga belajar SEO dasar juga disini.
Langkah-langkah pasang breadcrumb-navigasi blogger :
1. Login ke blogger.com
2. Pilih Tata Letak.
3. Tab Edit HTML
4. Download Full Template untuk menyimpan template blog sahabat Toko Blog
5. Beri tanda centang di Expand Template Widget.
6. Lalu cari kode ]]></b:skin> (klik ctrl+F untuk mencari cepat)
7. Setelah ketemu copy kode dibawah ini dan tempatkan di atas kode ]]></b:skin>
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double
#e6e4e3;
}
8. Kemudian cari kode berikut pada
<div class='post hentry uncustomized-post-template'> (kode setiap template tidak harus sama persis bisa disesuaikan)
9. Setelah ketemu Copy kode dibawah ini dan Paste di bawah kode <div class='post hentry uncustomized-post-template'>
Tunggu dan lihat perubahan blog sahabat seperti tampilan di gambar ini
Demikianlah tutorial cara pasang breadcrumb di blogspot. Semoga dengan memasang breadcrumb navigasi di blog sahabat bisa menambah pengunjung blog dan meningkatkan Pagerank blog sahabat selain menggunakan teknik SEO dasar lainnya.
<div class='post hentry uncustomized-post-template'> (kode setiap template tidak harus sama persis bisa disesuaikan)
9. Setelah ketemu Copy kode dibawah ini dan Paste di bawah kode <div class='post hentry uncustomized-post-template'>
Terakhir simpan Template sahabat.<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<!-- Breadcrumbs By Toko Blog http://tok0blog.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
» <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>
Tunggu dan lihat perubahan blog sahabat seperti tampilan di gambar ini
Demikianlah tutorial cara pasang breadcrumb di blogspot. Semoga dengan memasang breadcrumb navigasi di blog sahabat bisa menambah pengunjung blog dan meningkatkan Pagerank blog sahabat selain menggunakan teknik SEO dasar lainnya.
