Cara membuat breadcrumb di atas postingan

Cara membuat breadcrumb di atas postingan. Menurut para pemblogger google sangat suka dengan blog yang mempunyai tombol navigasi breadcrumb, dan juga breadcrumb bisa memudahkan pengunjung untuk menelusuri blog anda. Pada dasarnya Breadcrumb ini terpasang diatas postingan ketika postingan itu dibuka. Artinya Navigasi Breadcrumb ini tidak mengganggu tampilan halaman beranda dan halaman berikutnya sehingga keindahan blog anda tetap terjaga.

Ada beberapa cara untuk menambahkan breadcrumb di blog, dan berikutlah caranya di bawah ini :

1. Masuk Blogger
2. Masuk Template
3. Cari kode ]]></b:skin>, copy kode di bawah tepat di atas kode ]]></b:skin>
   

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

4. Selanjutnya copy kode dibawah ini dan paste tepat dibawah kode <div class='post hentry'> atau cari kode ini <b:includable id='post' var='post'> Paste kode dibawah tepat dibawahnya.
   

   <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>

5. Simpan template

Baca juga : Cara menghilangkan navbar

Related Post:

Tutorial Blogger

• Cara menghilangkan navbar
• Cara membuat link berkedap-kedip ketika disorot kursor
• Cara mengganti icon blog dengan gambar sendiri
• Cara membuat link bergeser ketika disorot mouse
• Cara membuat navbar keren di blog
• Buku tamu
• Cara membuat blog menjadi keren
• Gambar postingan pada Beranda berputar ketika disorot mouse
• Compress HTML