Membuat Navigasi Breadcrumb Di Blogger

Menurut para master Search Engine Optimization (SEO) blog yang memiliki breadcrumb konon punya daya SERP yang tinggi di mata search engine seperti Google , Yahoo, Bing dsb. dibanding yang tidak memakai. Dan Cara Membuat Navigasi Breadcrumb Di Blogger sangat mudah.

Untuk itu kali ini Saung Web sengaja berbagi info dalam seri tutorial blog dan bisnis internet tentang  Cara Membuat Menu Navigasi Breadcrumb di Blogspot dan bagi yang belum tahu, Breadcrumb adalah link navigasi yang biasanya tampil cantik di atas judul atau title posting dalam modus postingan bukan dalam modus Home seperti terlihat pada blog ini dimana Breadcrumb menampilkan Halaman Depan atau Home > Label> Judul Posting.

Langsung ke topik bahasan Cara Membuat Menu Navigasi Breadcrumb di Blogger :

1. Log in ke account sobat di blogger.com 
2. Klik tanda panah, lalu pilih Template
3. Sebaiknya lakukan dulu backup template dengan klik Backup / restore atau Cadangkan / Pulihkan, lalu klik download full template.
4. Klik tanda x untuk kembali ke menu template
5. Selanjutnya plih Edit HTML  --> klik Procced atau proses
6. Centang pada Expand Widget Templates
7. Cari kode <b:if cond='data:post.title'>  untuk memudahkan mencarinya gunakan Ctrl +F
8. Paste kode di bawah ini dan letakkan dibawah atau setelah kode  tersebut
   

   <b:if cond='data:blog.pageType == "item"'>
   <div class='breadcrumb'>
   <a expr:href='data:blog.homepageUrl' rel='tag'>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 != "true"'>,</b:if>
   </b:loop>
   &#187;
   </b:if>
   <data:post.title/>
   </div>
   </b:if>

9. Selanjutnya sobat blogger cari kode   ]]></b:skin>  dan copy paste kode ini di atasnya :
   

   .breadcrumb {
   padding:5px 5px 5px 0px;
   margin: 0px 0px 10px 0px;
   font-size:90%;
   line-height: 1.2em;
   border-bottom:3px double #e6e4e3;
   }
   

10. Sampai disini proses Buat Navigasi Breadcrumb di Blogger selesai, selanjutnya tinggal Save Template.
11. Lihat hasilnya , ada gak ??.. Ohya kalau gak tampil mungkin sobat belum membuat Label pada postingannya.. artinya dalam setiap artikel harus ada labelnya gitu lhooo..

Demikian Cara Membuat Navigasi Breadcrumb di Blogger , walaupun breadcrumb ini cuma salah satu faktor saja dalam meningkatkan SERP dimata Search Engine karena bagaimanapun, konten orisinil, loading cepat dan ringan, template SEO friendly  serta internal link yang baik adalah empat faktor yang sangat signifikan di mata Google. yups.. semoga semuanya bermanfaat bagi kita. Amin.