Membuat Breadcrumbs di Blogspot Dengan Mudah

Membuat Breadcrumbs di Blogspot Dengan Mudah - Merupakan lanjutkan postingan tentang Breadcrumbs sebelumnya yaitu Cara Termudah Membuat Breadcrumb di Blogspot 100% Work , judulnya seakan - akan tidak ada masalah dalam kode tersebut. Setelah melakukan percobaan di beberapa template blogspot,  pengalaman admin, ada beberapa template yang tidak muncul  Breadcrumbs nya setelah dipasangi kode tersebut.

Misalnya tenplate blog zona aneh ,  breadcrumb nya tidak muncul setelah pasang kode yang ada di posting Cara Termudah Membuat Breadcrumb di Blogspot 100% Work

Bagaimana Solusinya ???

sampai sekarang admin belum mengetahui jalan keluarnya, Mungkin ada teman - teman yang tahu solusinya? jangan sungkan - sungkan untuk share disini, lewat form komentar dibawah.

Namun jangan berkecil hati sebagai gantinya saya akan memberikan kode breadcrumb yang dipakai template ini, yang kemarin sempat tidak muncul.

Langkah - langkahnya hanpir sama dengan pasang breadcrumb yang kemarin

1. Masuk ke halaman dashboard blogspot kita > Design/Rancangan > Edit HTML, centang (check) ' Expand Widget Templates ' di pojok kanan atas dalam kotak edit HTML.

2. Cari kode ]]></b:skin> atau gunakan Ctrl+F pada browser dan masukkan kode CSS berikut ini di atas-nya:

.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

3. Cari Kode <b:includable id='main' var='top'> , masukkan kode di bawah ini tepat di atas nya.

<b:includable id='breadcrumbs' var='post'>
<!-- Breadcrumbs tips by seoterbaru.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>


Browse:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<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>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>


</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>

4. Cari kode <b:if cond='data:post.dateHeader'> masukkan kode berikut tepat di atas nya

<b:include data='post' name='breadcrumbs'/>

5. Tekan tombol Save untuk menyimpan template anda.


NB : jika Breadcrumbs masih belum muncul, cari kode <a expr:name='data:post.id'/> masukkan kode <b:include data='post' name='breadcrumbs'/> tepat di atas nya.

Selamat mencoba . . . Description: Membuat Breadcrumbs di Blogspot Dengan Mudah Rating: 4.5 Reviewer: Unknown - ItemReviewed: Membuat Breadcrumbs di Blogspot Dengan Mudah