Membuat Navigasi Breadcrumb di Blogger

Breadcrumb adalah widget yang berfungsi untuk memberitahu visitor dimana dia sekarang. Breadcrumb biasanya diletakkan diatas judul posting.Katanya sih! Breadcrumb bisa meningkatkan kualitas SEO blog anda. Jadi apa salahnya memasang Breadcrumb di blog anda? Cara membuat breadcrumb untuk Blogger bisa anda baca dibawah ini.

1. Login ke Dashboard anda.
2. Masuk ke Tata Letak > Edit HTML
3. Untuk berjaga-jaga Backup template anda terlebih dahulu, karena saya tidak bertanggung jawab atas kerusakan yang terjadi di template blog anda!
4. Centang Expand Widget Template
5. Copas kode di bawah ini di atas 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;
}

6. Setelah itu, copy kode di bawah ini dan paste dibawah kode <div class='post hentry uncustomized-post-template'>. Kodenya tidak harus sama, karena setiap template berbeda-beda. Jadi cari saja yang mirip-mirip.



<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'>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;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <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 &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; 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>

7. Jika sudah, Simpan template dan Lihat hasilnya sendiri.

<<<<<Good Luck!!!>>>>>

Jika Blog ini bermanfaat bagi Anda, silahkan masukkan alamat email Anda di bawah ini untuk berlangganan :

ATAU klik disini untuk menjadi FOLLOWER di IndoBlogTrik

Tidak ada komentar:

Posting Komentar

Donasi tidak hanya berupa Uang, Donasi dapat juga berupa Semangat yang Anda berikan. Silahkan berikan Saya Donasi melalui komentar untuk menyemangati Saya dalam menulis.

Dan bagi Anda yang merasa Blog ini bermanfaat bagi Anda, silahkan menjadi Follower atau masukkan email Anda untuk Berlangganan.

Note: Komentar yang diembel-embeli dengan link tambahan seperti "thanks for infonya, www.blablabla[dot]blogspot[dot]com" kemungkinan tidak dimunculkan!

Related Posts Plugin for WordPress, Blogger...