Cara Memasang Menu Breadcumbs

Berikut langkah-langkah yang Harus sobat lakukan :

1. Pastikan Sobat sudah masuk ke akun blogger milik sobat
2. Pilih Template

3. Klik Pada Tombol Edit HTML

4. Klik pada Tombol Proces atau Lanjutkan

5. Kemudian anda akan dibawa kehalaman seperti berikut

6. Centak kotak kecil bertulisan Expand Widget Templates 

7. lakukan Download Template Lengkap untuk mengantisifasi kesalahan dalam edit HTML (baca caranya Pada Tutorial Cara Upload dan BackUp Template blog)
8. Cari kode berikut ini ]]></b:skin> (Gunakan Tombol CTRL + F dan F3 untuk mempermudah pencarian Kode)
9. Setelah Ketemu Copy kode dibawah dan Paste Diatas kode ]]></b:skin>

/*---Navi Breadcrumbs---*/ #navi{padding:0px 5px;margin:0px 0px 8px 0px;color:#ffffff;-moz-border-radius:5px;font:11px trebuchet ms;}

10. Sekarang Cari kode <b:if cond='data:post.title'> 
11. Sudah ketemu Copy kode berikut dan letakan tepat dibwahnya kode apabila Kode ada dua gunakan kode yang pertama <b:if cond='data:post.title'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='navi'>Location : <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 + &quot;?&amp;max-results=10&quot;' 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>

12. Sekarang Klik Simpan

13. Selesai dan lihat hasilnya

Demikian Tutorial Tentang Cara Memasang Menu Navigasi Breadcrumbs Pada Blog Yang bisa Dapur Tutorial Blogspot Sampaian Pada Kesempatan Ini Semoga bisa membantu Shabat Blogger