Cara Memasang Breadcrumb di Blog

Pengertian breadcrumb sendiri adalah suatu navigasi yang berisikan kategori atau label dari postingan dan bisanya selalu di awali dengan tombol menuju Home (halaman depan blog).

Dan Breadcrumb merupakan navigasi seo sebaris dengan tautan internal yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke halaman depan dengan cepat.
Jika tertarik berikut langkah-langkahnya untuk memasang diatas judul postingan:

1. login ke Blogger.
2. Edit HTML dan jangan lupa klik Expand Template Widget.
3. Letakkan kode berikut dibawah ini tepat sebelum kode ]]></b:skin>

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

4. Kemudian cari kode seperti ini :

<div class="post hentry uncustomized-post-template">

atau yang ini:

<div class='post hentry'>

5. Letakkan kode berikut dibawah ini tepat setelah kode diatas;

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

6. Selesai, Save Tempalte.

Artikel Terkait: