Cara Membuat Label Berurutan Di Atas Judul Posting

 

 

 

Langkah langkah/Cara Membuat Breadcrumb Pada Blogger

1. Masuk ke  Dashboard blogger Anda ,lalu pilih Tata Letak dan kemudian pilih Edit HTML, lalu centang Expand Widget Templates.

2. Selanjutnya cari kode berikut (gunakan Ctrl+F pada keyboard anda untuk membantu pencarian):

<b:includable id='main' var='top'>
3. Setelah ketemu,letakkan breadcrumb script berikut tepat diatasnya.

<b:includable id='breadcrumbs' var='post'>
<!--  Start on Breadcrumbs  -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Browse:
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
&gt; <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End off Breadcrums  -->
</b:includable>

4. Cari kode ]]></b:skin>,
jika sudah ketemu letakkan barisan kode css breadcrumb dibawah ini tepat diatasnya.

.breadcrumbs {
border-bottom:1px dotted #000;
margin:2em 0 0.5em;
padding:0 0 0.5em;
}

5. Kemudian,cari lagi kode berikut:

     <b:if cond='data:post.dateHeader'>

6. Jika sudah ketemu, letakkan kode dibawah ini tepat diatasnya.

     <b:include data='post' name='breadcrumbs'/>

atau anda bisa sesuaikan dengan blog anda nanti dengan menaruh disekitar kode no 5. (coba deh ber eksperimen)

7. Kemudian Simpan Templates dan Selesai.


Catatan :
Anda bisa ganti tulisan Browse (warna biru) sesuai selera anda, misalnya diganti  anda disini atau yang lainnya.