Cara membuat menu navigasi breadcumbs

0
Diposkan oleh Label: pada



Cara Membuat Menu Breadcrumbs sebagai berikut :
1. Login ke blogger
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 paste kode berikut di atas 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. Setelah itu cari kode
<div class='post hentry uncustomized-post-template'>  atau  <div class='post hentry'>


8. Letakkan  kode dibawah ini tepat dibawah kode di atas


<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. Simpan Template dan selesai



Post a Comment

Baca Juga Artikel Ini close button minimize button maximize button