Advertising

Hosting Gratis

Cara Membuat Navigasi Breadcrumbs Di Blog


Cara Membuat Navigasi Breadcrumbs, Apa iti Breadcrumbs..??
Breadcrumbs adalah petunjuk arah berbentuk link yang dapat mempermudah pengunjung mengetahui dimana letak konten tersebut.. bisa di lihat gambar di atas itu yang di namakan Breadcrumbs..

Buat Sobat IB yang ingin menerapkan Navigasi Breadcrumbs di blog sobat silahkan ikuti langkah - langkahnya...

  • Pertama Masuk Ke Blogger > Templates > Edit HTML > Beri Centang Pada Expand Widget Templates Kemudian Cari kode ]]></b:skin> Copy Kode Di bawah ini tepat di atas kode ]]></b:skin>

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;
font-size: 90%;
line-height:1.4em;
border-bottom:1px solid black;
}

  • Selanjutnya Cari Kode  <b:includable id='post' var='post'> Kemudian Copy Kode Di bawah ini tepat di bawah kode  <b:includable id='post' var='post'>


<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
You are Here &gt; <a expr:href='data:blog.homepageUrl'>Home</a> &gt;
<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> &gt; <data:post.title/>
</div>
</b:if>
</b:if>

  • Kemudian Simpan Templates
Semoga Bermanfaat..

0 Response to "Cara Membuat Navigasi Breadcrumbs Di Blog"

Posting Komentar