Cara Memasang Breadcrumbs di Blog

Cara Memasang Breadcrumbs di Blog - tips dan trik blog saya kali ini, saya akan membahas memasang breadcumb di blog. sebelum melanjutkan ke cara pemasangannya. ada baiknya dulu kamu membaca kegunaan bradcumb, Breadcumb adalah Navigasi yang ada di blog biasanya memberikan informasi kepada pengunjung dimana letak posisi atau postingan yang sedang mereka baca. biasanya beradcrums ada di atas judul postingan blog.

para master seo mengatakan bahwa breadcrumbs merupakan salah satu optimasi seo yang cukup ampuh karena breadcrumbs dapat memudahkan googlebot / crawl untuk mengenali struktur blog. bahkan hingga saat sekarang ini breadcrumbs masih populer di kalangan blogger. memasang breadcrumbs juga termasuk trik optimasi seo on page.

untuk cara pemasangan breadcrumbs kamu dapat mengikuti langkah langkah berikut ini :
1. Login ke akun blogger kamu, lalu masuk ke Template. jangan lupa Backup dulu template kamu.
2. setelah itu klik Edit HTML.
3. Letakkan kode berikut ini tepat sebelum kode ]]></b:skin>

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

4. Setelah itu cari kode

<div class='post hentry'>

5. Letakkan kode berikut ini tepat setelah kode <div class='post hentry'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#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>

6. Simpan Template dan lihat hasilnya.

bagaimana sob? mudahkan cara pemasangan Breadcrumbs ini. cukup sampai disini aja ya sob tips dan trik blog Cara Pemasangan Breadcrumbs di blog, semoga bermanfaat!!!