Rabu, 25 Januari 2012

Cara Membuat Navigasi Breadcrumb Di Blogger


By on 15.37

Cara Membuat Navigasi Breadcrumb Di Blogger - Kali ini saya akan membuat Artikel Tutorial Blog yaitu Cara Membuat Navigasi Breadcrumb Di Blogger, sebenarnya Breadcrumb merupakan Plugin Wordpress 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 

About Syed Faizan Ali

Faizan is a 17 year old young guy who is blessed with the art of Blogging,He love to Blog day in and day out,He is a Website Designer and a Certified Graphics Designer.

0 komentar:

Posting Komentar