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, Rinjani Lovers 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.

Baca Pula Artikel Terkait:

Tutorial Blogger

4 komentar:

  1. Anonim8 September 2012 pukul 23.32

    oke terimakasih sudah berkomentar :)

    BalasHapus
  2. Anonim3 Desember 2012 pukul 01.27

    jangan lupa follow blog saya di uncomp.blogspot.com terimakasih infonya. Salam hangat keluarga blogger....

    BalasHapus
  3. Pak Ufi3 Desember 2012 pukul 01.28

    jangan lupa follow blog saya di uncomp.blogspot.com terimakasih infonya. Salam hangat keluarga blogger....

    BalasHapus
  4. Unknown5 Januari 2013 pukul 23.55

    bagus sobb tutorialnyaa

    BalasHapus

Tolong berkomentar yang baik, tidak diperkenankan kalian berkomentar berbau Porno, Silahkan Kirim tautan Link sobat, otomatis saya kunjungi blog sobat, Silahkan tanyakan pada ADMIN Pada forum tanya jawab, jika kalian belum mengerti dalam menata code html, semua masukan/nasihat akan diterima oleh ADMIN, asalkan bersifat membangun :) and Keep blogging guys.