Cara Membuat Breadcrumb Navigation di Blog

Setelah sudah lama gak nulis tentang tutorial blog sekarang saya akan berbagi Cara Membuat Breadcrumb Di Blog. Breadcrumb atau Breadcrumb navigation adalah menu yang dapat membantu para pengunjung blog agar mereka tau sedang mengunjungi kategori atau label apa. Selain itu Breadcrumb atau menu navigasi juga dapat mengoptimalkan SEO. Karna tidak semua template menyediakan Breadcrumb, kita harus membuatnya sendiri. Untuk sobat yang ingin memasang Breadcrumb di blognya bisa mengikuti Cara Membuat Breadcrumb Di Blog berikut ini.



1. Login ke blog sobat.
2. Klik Template
3. Klik Edit HTML dan centang Expand Widget Templates
4. Cari code ]]></b:skin> kalau mau lebih cepat gunakan Ctrl+f 
5. copy code di bawah ini lalu letakan tepat di atas code ]]></b:skin> 

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

6. Cari code <b:includable id='post' var='post'> setelah ketemu silahkan sobat copy paste code di bawah ini dan letakan di bawah code <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'> Anda Berada disini &#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>

7.save Template sobat

sekian dulu pembahasan tutorial blog kali ini. Selamat mencoba dan berkreasi.

Posted In: Simpel Life, Updated at: 2:05 PM

Artikel Terkait

1 comment:

Uem Cuters said...

Saya coba terpakan gan, trims ya...di tunggu kunjungan baliknya.

Followers