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: