15 Juli 2012

Cara Buat Menu Navigasi Breadcrumb

Cara Membuat Menu Navigasi Breadcrumb,Breadcrumb,Navigasi Breadcrumb,Menu Navigasi Breadcrumb

Salah satu cara untuk meningkatkan navigasi sebuah blog adalah dengan menambahkan breadcrumb navigasi di blog sobat blogger. Mamfaat SEO dalam memasang breadcrumb adalah sebagai bagian dari teknik improvivasi navigasi untuk memfasilitasi Search Engine Optimization. Dalam tutorial ini,  Tips Gratis  akan memandu sobat blogger untuk menambahkan breadcrumb navigasi di blog sobat blogger. Tapi sebelumnya baca dulu ulasan singkat tentang navigasi Breadcrumb di bawah ini.
Breadcrumbs adalah nama yang diberikan untuk link navigasi yang biasanya ditampilkan di atas judul atau title posting di blog dan di bagian atas halaman. Breadcrumbs menyediakan sarana tambahan di mana visitor atau pengunjung blog dapat dengan mudah melakukan navigasi situs atau blog kita. Pada umumnya, Breadcrumbs menampilkan Halaman Depan atau home > Label> Judul Posting.

Cara Membuat Navigasi Breadcrumb di blog :
  • Sign In terlebih dahulu di www.blogger.com
  • Dari Dasboard sobat klik Design dan Edit HTML
  • Back Up dulu template sobat
  • Kasih tanda centang pada Expand Widget Templates
  • Paste kode di bawah ini dan letakkan setelah 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>
  • Kemudian, temukan kode ]]></b:skin>
  • Kalau sudah ketemu, letakkan kode berikut di atasnya :
.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}
  • Kalau sobat blogger sudah melakukan kedua proses di atas, simpan template sobat. Lalu sobat buka salah satu postingan sobat. Menu navigasi Breadcrumb pasti akan terlihat atau muncul.
Apa penyebab Menu navigasi Breadcrumb tidak muncul di blog? Jawabannya adalah "Sobat blogger belum membuat Label di setiap postingan sobat. Jadi, sobat blogger harus melebelkan dulu semua posting blog sobat sebelum memasang Menu navigasi Breadcrumb.


EmoticonEmoticon