Fajar Herianto

Cara Membuat Navigasi Breadcrumb Di Blogger

Cara Membuat Navigasi Breadcrumb Di Blogger - Kali ini saya akan membuat Artikel Tutorial Blog yaitu Cara Membuat Navigasi Breadcrumb Di Blogger, sebenarnya Breadcrumb merupakan PluginWordpress yang berfungsi sebagai peta Halaman, supaya pengunjung bisa dengan mudah melihat Peta Halaman Artikel yang sedang Di Baca
Plugin Breadcrumb biasanya di Letakan di atas Posting Sebelum Judul Posting.
Kaya Gambar Di Bawah Ini



Tapi gambar Aslinya kaya gini sih


Gimana gan tertarik ga pasang Breadcrumb Di Blog Kamu.
Jika Tertarik Ikuti Langkah-Langkah Di Bawah ini

1. Login Ke Blog Kamu
2. Pilih Rancangan Lalu Klik EDIT HTML, jangan lupa CENTANG EXPAND WIDGET TEMPLATE
3. Cari Kode  ]]></b:skin>  jika sudah ketemu Letakan Kode Di Bawah Ini Tepat Di Atas Kode 
    ]]></b:skin> 

.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}
 Selanjutnya Cari Kode <b:if cond='data:post.title'> setelah ketemu letakan Kode di bawah ini tepat di bawah kode  <b:if cond='data:post.title'>


<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &#187;
<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 != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</div>
</b:if>

Lalu Simpan, dan lihat Hasilnya.

SELAMAT MENCOBA 

Posting Komentar

Fajar Herianto

{facebook#https://www.facebook.com/fajarcintalia} {twitter#https://twitter.com/HeriantoFajar} {google-plus#https://plus.google.com/u/0/118173459679605761698/posts} {youtube#https://www.youtube.com/user/aplikasiterunik} {instagram#https://www.instagram.com/aplikasiterunik/}

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.
Javascript DisablePlease Enable Javascript To See All Widget