Cara Membuat Menu Navigasi Breadcrumbs Pada Blog

Menu Breadcrumbs Adalah menu atau navigasi yang terletak di bagian atas postingan blog, menu Breadcrumbs menampilkan urutan home » label artikel » judul artikel. Dengan adanya menu Breadcrumbs memberi kemudahan pembaca untuk mengetahui lokasi/letak dari artikel yang dibaca.


Cara Membuat Menu Breadcrumbs sebagai berikut :
1.Login ke blog sobat.
2.Pilih Rancangan.
3.Pilih Edit HTML
4.Conteng expand widget templates
5.Cari kode ]]></b:skin> (Gunakan Ctrl + F untuk memudahkan pencarian)
6.Copy kode dibawah ini kemudian pastekan diatas kode ]]></b:skin>

#breadcrumbs { padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:10px; line-height: 1.4em; border-bottom:3px double #333; }

7.kemudian cari kode <div class='post hentry uncustomized-post-template'> atau <div class='post hentry'>
8.Copy kode dibawah ini kemudian pastekan diatas nya.


<b:if cond='data:blog.pageType == &quot;item&quot; '> <div id='breadcrumbs'> Browse: <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;'> &gt; </b:if> </b:loop> </b:if> &gt; <a expr:href='data:post.link'><data:post.title/></a> </div> </b:if>

9.Next simpan.
(by post)

Share →

Comments
3 Comments

3 Responses to "Cara Membuat Menu Navigasi Breadcrumbs Pada Blog"