Cara Membuat Breadcrumb di Blog

Cara Membuat Breadcrumb di Blog - Apa kabar sobat blog sahabat? tip bloging lagi, tip bloging lagi nih yang akan kita bahas gak ada habis-habisnya, tapi sabar kalau kita sudah sukses/tepat dalam SEO kita juga yangunutug. Sekarang Blog sahabat akan sedikit menulis tentang cara membuat breadcrumb di blogspot. Sebelum kita membuat breadcrumb di blog/diblogspot, kita harus ketahui lebih dulu apa itu breadcrumb dan apa sih kegunaan dari breadcrumb itu sob? Breadcrumbs adalah menu navigasi yang terletak tepat diatas sebuah  judul postingan atau artikel sobat. Kegunaan dari breadcrumb sendiri guna blog sobat menjadi lebih SEO friendly. Dengan meletakkan Breadcrumb di blog sobat maka setiap para pengunjung akan tahu dimana dia berada di label mana atau di kategori mana. Search engine sperti si pak lek google juga suka dengan blog-blog yang dilengkapi oleh Breadcrumb. Contohnya bisa dilihat diblog-nya blog sahabat. Cara pasangnya juga sudah banyak dibahas di blog-blog guru blogging. Blog sahabat juga telah menyajikannya sedetail untuk sahabat tentang “cara membuat menu breadcrumbs”.

Langsung aja ya kita buat breadcrumb di blogspot. Pertama login dulu dunk akun blog sobat.

arahkan kehalaman rancangan > edit html. jangan  lupa untuk centang expand template widget nya dulu sobat.

kemudian sobat cari kode ]]></b:skin> ( gunakan CTRL + F agar lebih mudah )

Setelah itu silahkan sobat copy coding di bawah ini dan pastekan tepat DIATAS ]]></b:skin>

.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

Jangan beralih dulu, tugas sobat selanjutnya sobat cari coding berikut <b:includable id='post' var='post'>
Setelah ketemu, silahkan sobat copi coding di bawah ini dan pastekan tepat DIBAWAH <b:includable id='post' var='post'>


<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Anda disini &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>
Sebelum sobat nge-save silahkan sobat pratinjau terlebih dahulu guna untuk mengetahui bahwasanya tidak ada yang error dalam pembuatan breadcrumb di blog. Saat sobat melakukan pratinjau breadcrumb BELUM KELIHATAN, adapun fungsi pratinjau untuk mengecek bahwasanya pengeditan kita berjalan sesuai dengan rencana. wakaaak!!!
Bila semua sudah benar silahkan sobat save. dan lihat hasil nya.


Cara membuat Breadcrumb atau menu navigation ini sudah bukan rahasia lagi, sudah banyak para blogger yang menulis artikel cara membuat breadcrumb. Ada yang langsung bisa dan masih ada juga yang salah penempatan kode, sehingga breadcrumb tersebut tidak muncul pada halaman blog. Alhamdulillah sebelum artikel ini ditulis, saya sendiri sudah mencoba atau mempraktekannya dan berhasil. Wah sepertinya sudah lumayan panjang artikelnya, ya sudah cukup disini dulu artikel cara membuat Breadcrumb di blogspot, jangan lupa komentarnya kalau ada kesalahan maupun tidak dan sampai ketemu di artikel selanjutnya.