Cara Membuat Breadcrumb di Blogspot, Cara Membuat Menu Breadcrumbs

Cara membuat breadcrumb -  Breadcrumb adalah tampilan yang menunjukkan posisi pengunjung, dengan adanya breadcrumb maka pengunjung blog akan mengetahui dia sedang berada di halaman bagian mana, sehingga akan dengan mudah untuk dia kembali ke halaman sebelumnya atau halaman yang lain. Adapun untuk membuat breadcrum itu sangat mudah.

Berikut ini cara membuat menu breadcrumb di blogspot:

• Cari kode seperti ini di EDIT HTML:

Isikan kode di bawah sebelum kode ]]></b:skin>

.breadcrumbs {

padding:5px 5px 5px 0px;

 margin: 0px 0px 15px 0px;

font-size:95%;

 line-height: 1.4em;

border-bottom:3px double #e6e4e3;

}

• Kemudian cari kode <div class='post hentry uncustomized-post-template'> dan isi di bawahnya dengan kode di bawah ini:
  

<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>

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

 <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 == &quot;true&quot;'> »

 <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 == &quot;archive&quot;'>

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

• Simpan dan lihat hasilnya

 Jika anda melakukan dengan urut dan tepat maka breadcrumb di blogspot anda akan keluar. Oya, breadcrumb hanya muncul ketika anda membuka halaman tertentu, dan tidak muncul jika anda membuka beranda/home.

• Membuat Menu Drop Down di Blogspot