Cara Membuat Breadcrumb( Navigation ) di Blog

Breadcrumb adalah salah satu widget yang dapat meningkatkan SEO blog kita so widget ini gak ada salahnya di masukin di blog ente

mau tau gimana cara bikinnya?

biar enak Readmore dulu deh :D

Breadcrumb adalah salah satu alat untuk SEO widget ini membantu posting kita lebih cepat di index oleh google jadi ente wajib memasang alat ini di blog anda karena blogger biasanya meni breadcrom belum otomaitis bangtegar.com akan berbagi tutorialnya

Pertama tama seperti apasih BreadCrumb?

Kurang lebih penampakannya seperti gambar di bawah ini biasanya terletak di atas title posting blog

ini dia Tutorial cara membuat Breadcrumb simak ye :)

1. Login ke blog kamu langsung ke Edit HTML jangan lupa Expand Template Widget

2.Cari code berikut <div class='post hentry'> jika tidak ketemu coba cari hentry saja cari yang mirip 

3.Paste code berikut tepat di bawah kode <div class='post hentry'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='breadcrumbs'>

<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpRPliQnkdIxXj8F3Ind1sMtHwdsPGSgsnUlQYW0v_gwVXsm-XA_6H5ZF3E1cCTXQmECs3qi7kmcu9ZZ6xsXoAYgsoi77xujH7D-J-kEpD2ia9JGxmZ1ILIM_Cl1Vy3nmau8KJyP4uT7ZO/s1600/bangtegar%252Bbreadchumb.gif'/> <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 != &quot;true&quot;'>,</b:if>

</b:loop>

&#187;

</b:if>

<data:post.title/>

</div>

</b:if>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<div class='breadcrumbs'>

<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Browse</span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpRPliQnkdIxXj8F3Ind1sMtHwdsPGSgsnUlQYW0v_gwVXsm-XA_6H5ZF3E1cCTXQmECs3qi7kmcu9ZZ6xsXoAYgsoi77xujH7D-J-kEpD2ia9JGxmZ1ILIM_Cl1Vy3nmau8KJyP4uT7ZO/s1600/bangtegar%252Bbreadchumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>

&#187; Archives for <data:blog.pageName/>

</div>

</b:if>

4.Jika sudah selesai simpan Template

Apabila ente pengan ada bordernya di Breadcrumb tambahkan code berikut tepat di atas code

]]></b:skin>

.breadcrumbs {
padding:8px 0px 10px 5px;
margin: 0px 0px 5px 0px;
font-size:88%;
border:1px double
#e6e4e3;
}

Warna Biru adalah ukuran teks breadcrumb sesuaikan dengan keinginan anda

Kalau sudah simpan template

Gampang bener kan ? hehehe semoga berhasil bagi yang mencoba ya :)

Oke Segitu Dulu Postingan dari Abang Semoga berguna

Ditunggu komentarnya :)

 Assalamu'alaikum Wr. Wb.

Posted in: Blogger,SEO Tips,Tutorial Blog Abang