Sabtu, 16 Juli 2011

Cara Membuat Menu Navigasi BreadCrumb


Nahh..Kali ini saya akan memberikan tips tentang membuat navigasi breadcrumb..Tahukah anda dgn navigasi breadcrumb??? navigasi breadcrumb merupakan suatu menu yg berisi label atau kategori sejajar yg diawali oleh Home yg akan mempermudah pembaca blog untuk mengetahui di mana posisi mereka. Contohnya seperti gmbar diatas.

Nah..kalau kalian berminat kalian bisa ikuti petunjuk di bawah ini :

1. Login ke akun Blogger kalian masing2.
2. Klik rancangan > Edit Html > Centang Expand Template Widgets.
3. Copy code dibwah ini dan pastekan di atas kode ]]></b:skin>
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}
4. Setelah selesai cari kode <div class='post hentry uncustomized-post-template'> atau <div class='post hentry'>
5. Copy paste kode di bawah ini, tepat di bwah kode yg tadi :
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>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 != &quot;true&quot;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>
6. Simpan template dan lihat hasilnya.

Keterangan : kode yg berwarna biru adalah ukuran tulisan.
Semoga berhasil.

lintasberita

Related Post :
Subcribe Via Email :

Jika Anda Menyukai Artikel Blog ini, Masukan Alamat Email Anda Pada Kolom di Bawah, Maka Anda Akan Mendapatkan Kiriman Email Setiap Kali Ada Posting Baru. Terima Kasih Atas Partisifasinya

Enter Your Email Address :

11 komentar:

Mari Berkomunitas Di Faceblog mengatakan...

siip gan, thanks 4 sharing

Pendi Agus Bujangga mengatakan...

@Mari Berkomunitas Di Faceblog
ok gan..

FirdausTech mengatakan...

Makasih Mas Bro ,., Mang bener tuh, Selain Perkuat SEO juga mempermudah pengunjung untuk mengarahkan ke artikel lain yang bersangkutan

Pendi Agus Bujangga mengatakan...

@FirdausTech
sama2 sob...

satria mengatakan...

breadcrumb maksudnya apa

Pendi Agus Bujangga mengatakan...

@satria
tw gan yg ada di atas judul posting...

blogging with me mengatakan...

Menu navigasi breadcrumbs memang sangat sangat penting untuk optimasi blog kita..

Pendi Agus Bujangga mengatakan...

@blogging with me
ya ga,,,

Blog SEO DAW - XP | Tutorial Blogspot | Belajar SEO Blogspot mengatakan...

Wah keren sob. Oh ya saya sudah follow back di nomer 111. :)

Pendi Agus Bujangga mengatakan...

@Blog SEO DAW - XP | Tutorial Blogspot | Belajar SEO Blogspot
ok sob...thanks sudah follback..

Triyono mengatakan...

katanya ini jg bsa membantu SEO ya?

Tulis Komentar Anda

BLOG INI DOFOLLOW...
Berikanlah sedikit komentar anda, maka anda juga memperoleh keuntungan, tapi jangan NYEPAM...
Jika tidak bisa berkomentar, gunakan "Pop Up Kotak Komentar" di bawah ini....

Status YM

Daftar Link Member KBw /20’