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"'>

Baca Juga

• Cara Hapus Pesan WhatsApp yang Terlanjur Terkirim
• Youtube Go | Aplikasi Youtube Hemat Kuota
• Cara Mengatasi Mata Sakit Akibat Asap Dan Sinar Las Listrik
• Tips dan trik panduan lengkap dunia blogs terbaru yang harus anda ketahui
• Cara Mudah Dan Paling Ampuh Supaya Blog Ramai Pengunjung
• Rekomendasi Situs Penyimpanan File (data) Online Gratis Terbaik
• Cara mudah Membuat Scroll Pada Widget Arsip Blog Label / Kategory
• Cara Membuat Label Berurutan Di Atas Judul Posting
• Cara Membuat Recent Post dengan Tampilan Slide Show

<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 http://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.