Monday, 1 December 2014

membuat label di atas postingan blog(breadcrumbs)

Tutorial membuat menu label berada di atas judul postingan. atau bahasa keren nya hal ini dinamakan dengan breadcrumbs. silahkan di coba.
Membuat Navigasi Label Di Atas Judul Postingan Blog Preview
Preview

Tutorialnya


1. Masuk blogger dan seperti biasa ke edit HTML  nya
2. Cari kode (gunakan [find] agar mudah ditemukan ketikan ctrl+f pada keyboard) ]]></b:skin>

3. Masukan kode dibawah ini tepat diatas kode ]]></b:skin>
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;
font-size: 90%;
line-height:1.4em;
border-bottom:1px solid black;
}

4. Kemudian cari kode <b:includable id='post' var='post'>
5. Masukan kode dibawah ini 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'><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;'> , </b:if>
</b:loop>
</b:if> &gt; <data:post.title/>
</div>
</b:if>
</b:if>

6. Save Template dan Lihat hasilnya
baca juga: cara dapat username dan password dengan bugemnot
Posted by kolodit firmansyah
kolodit Updated at: 11:04