Cara Membuat Menu Breadcrumbs di Blog

Cara membuat Menu BreadCrumb, ini menurut peblogger sangat membantu blog sobat terutama untuk SEO Blogspot dan pengunjung blog, dan bisa bikin blog sobat lebih memudahkan dan disukai search engine.

Breadcrumbs adalah menu navigasi yang ada diatas sebuah posting atau artikel. Contohnya bisa dilihat diblog-nya anak baru ini. Cara pasangnya juga sudah banyak dibahas di blog-blog tutorial blogging. Silahkan sobat cari di google dengan kata kunci "cara membuat menu breadcrumbs" jika blog sobat belum memilik breadcrumbs silahkan pasang. baik langsung saja kita ke TKP gan.

• Pertama login di blogger
• Edit HTML centang Expand Widget Template
• lalu masukkan kode dibawah ini di atas Kode : ]]></b:skin>

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

Setelah itu cari kode seperti dibawah ini :

<b:includable id='main' var='top'>

<!-- posts -->

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/&gt;

Kalau sudah ketemu hapus dan ganti dengan kode seperti dibawah ini :

<b:includable id='breadcrumb' var='posts'>

<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' rel='tag'>Beranda</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 == &quot;true&quot;'> &#187;

<a expr:href='data:label.url' rel='tag'><data:label.name/></a>

</b:if>

</b:loop>

&#187; <span><data:post.title/></span>

</b:if>

</b:loop>

</div>

<b:else/>

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

<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187; Arsip untuk <data:blog.pageName/>

</div>

<b:else/>

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

<div class='breadcrumbs'>

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

Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187; Seluruh Artikel

<b:else/>

Browse &#187; <a expr:href='data:blog.homepageUrl'>Beranda</a> &#187; Artikel Pada Kategori <data:blog.pageName/>

</b:if>

</div>

</b:if>

</b:if>

</b:if>

</b:if>

</b:includable>

<b:includable id='main' var='top'>

<!-- posts -->

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<b:include data='posts' name='breadcrumb'/>

klik, SIMPAN TEMPLATE