Cara Membuat Breadcrumbs

Cara Membuat Breadcrumbs | Cara Membuat Breadcrumbs di blogger. Breadcrumb adalah menu navigasi yang bisa membantu pengunjung blog supaya mereka tahu sedang mengunjungi halaman apa dan berada di kategori atau label apa. Walau pun breadcrumb ini hanya sebuah tulisan kecil diatas judul, tetapi juga penting untuk SEO on page. Jika anda belum tahu seperti apa itu breadcrumb, silahkan lihat diatas judul postingan blog Tipstrik-ku ini.

Cara membuat breadcrumb

• Login Blogger » Design » Edit HTML dan jangan lupa centang Expand Widget templates ya!
• Cari kode ]]></b:skin> ( tekan CTRL + F agar lebih mudah )
• Paste kode berikut tepat diatas kode ]]></b:skin>

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

• Kemudian cari kode <b:includable id='post' var='post'>
• Setelah ketemu, silahkan paste kode berikut tepat dibawah 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 &#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>

• Save template dan lihat hasilnya

Ditulis oleh Unknown, 4 Maret 2012 - Rating: 5

Terima kasih sudah membaca artikel Cara Membuat Breadcrumbs. Anda bisa bookmark halaman ini dengan URL http://tipstrik-ku.blogspot.com/2012/03/cara-membuat-breadcrumbs.html. Jangan lupa share ke teman-teman ya.

Bagikan ke

Facebook Google+ Twitter