Cara membuat menu navigasi breadcrumb

Alhamdulillah bisa posting lagi nih ,pada posting kali ini share Cara membuat menu navigasi breadcrumb yang sebelumnya saya posting Cara Merawat Kamera Digital

Membuat membuat menu navigasi breadcrumb

Cara Membuat membuat menu navigasi breadcrumb

Sudah lama banget nih aku nggak posting tentang blogspot , kalian tahu nggak breadcrums itu apa ? cara membuat navigasi breadcrums sekarang menjadi salah satu syarat agar postingan kita muncul di serp google , karea tips dan trik ini termasuk dalam katagori Seo on Page .

lagsung saja yah kita ke TKP :

1. Pertamax anda harus login akun blogger sobat .
2. Di tampilan dasbor, kita pilih Template .
3. klik menu edit HTML .
4. untuk berjaga-jaga centang cheklist Expand Template.
5. Cari kode ]]></b:skin> (Untuk mempermudah pencarian klik Ctrl+f )
8. Letakan kode di bawah ini di atas kode tadi .

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

9. kemudian Cari kode <div class='post hentry uncustomized-post-template'> (Untuk mempermudah pencarian klik Ctrl+f )

10. Letakan kode dibawah ini diatas kode tadi .

<b:if cond='data:blog.homepageUrl == data:blog.url'><b:else/><b:if cond='data:blog.pageType == "item"'><div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a><b:loop values='data:posts' var='post'><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><b:if cond='data:label.isLast == "true"'> »<a expr:href='data:label.url' rel='tag'><data:label.name/></a></b:if>» <span><data:post.title/></span></b:loop></b:if></b:loop>
</div></b:if><b:else/><b:if cond='data:blog.pageType == "archive"'><div class='breadcrumbs'>Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/></div></b:if><b:else/><b:if cond='data:navMessage'><div class='breadcrumbs'><data:navMessage/></div></b:if></b:if>