Cara Membuat Breadcrumb Seo Freandly Diatas Judul Blog

Sesuai dengan judul diatas dan gambar diatas. Breadcrumb adalah sebuah menu yang menampilkan ketegori berbasis label, misalnya label nya Tips Blogger. Pemasang Breadcrumb wajib di terapkan di blog anda karena sangat berguna untuk mempermudah seacrh engine untuk menjelajahi crawling halaman blog anda sehingga blog anda menjadi seo freandly dan disenangi oleh Search Engin dan Google. Gambar diatas adalah contoh Breadcrumb Navigation yang saya ambil di blog saya. Untuk membuat Breadcrumb saya kira tidak begitu sulit, jadi anda perhatikan saja langkah-langkah saya :

Cara Membuat Breadcrumb diatas Judul Blog.

Cara Pertama :

1. Buka Blogger - Kemudian Login.
2. Dashboard - Template - Edit HTML.
3. Termukan (CTRL+F) kode ]]></b:skin>
4. Copy&Paste kode berikut ini, dan Letakkan diatas kode ]]></b:skin>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

5. Jika sudah? Cari (CTRL+F) Kode <div class='post hentry'> Atau <div class='post hentry uncustomized-post-template'> Atau  <div class='post hentry uncustomized-post-template' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'> Dan Letakkan kode berikut ini, tepat diatas kode yang disebutkan diatas.

<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,nofollow'><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>

Screenshoot :



6. Simpan Template!

Dan Taraaa ketika buka halaman postingan, maka muncul Breadcrumb diatas judul blog anda.

Kurang lebih segitu saja. Sekian dari saya, Semoga Bermanfaat^.^ - Selamat Mencoba :)