Selasa, 11 Desember 2012

Cara Membuat Label Berurutan Di Atas Judul Posting

Baca Juga



 
 
 
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.

Diposting Oleh : RIFANYTOP - Admin

Judul : Cara Membuat Label Berurutan Di Atas Judul Posting
Berisi tentang :
Dengan url https://rifanytop.blogspot.com/2012/12/cara-membuat-label-berurutan-di-atas.html
By : RIFANYTOP - Silahkan Di Bagikan Jika sekiranya Bermanfaat, dilarang mengcopy Postingan Ini Tanpa Mencantumkan Link Sumber.

1 komentar so far

maaf gan ko gada perubahan apa apa yah??


EmoticonEmoticon