Cara Pasang Breadcrumb di Blog

Apakah blog sobat sudah dipasang navigasi  breadcrumbs? Jika sobat ingin lebih mengoptimalkan blog sobat agar lebih seo friendly dan user friendly, sebaiknya sobat memasang breadcrumbs navigasi. selain untuk mempermudah pengunjung, konon kata para master SEO, si mbah google menyukai blog yang dipasangi navigasi breadcrumbs ini, jadi kenapa sobat tidak mulai berfikir untuk memasang Breadcrumbs Navigasi?

Beberapa sumber berita yang saya baca di Internet menyebutkan bahwa google sudah dapat membaca dan memahami data breadcrumbs blog kita, jadi jangan heran bila sobat menemukan ada sebuah blog pada hasil pencarian (SERP) url nya yang ditampilkan malah kategorinya.

Nah... bagaimana? sudah selesai berfikir? jika sudah, dan sobat ingin memasang navigasi Breadcrumbs ini, silahkan melakukan beberapa langkah yang saya berikan ini.

1. Masuk ke Rancangan > Edit HTML > checklist Expand Widget Templates. Untuk mengamankan template sobat, sebaiknya download dulu template sobat untuk berjaga-jaga.
2. Copy kode css berikut lalu pastekan sebelum kode </b:skin>. (gunakan ctrl+f untuk memudahkan pencarian)
   

   .breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}

3. Kemudian cari kode ini <b:includable id='main' var='top'> dan pasang kode berikut tepat di atas kode tadi.
   

   <b:includable id='breadcrumbs' var='post'>
       <!-- Breadcrumbs By Belajar SEO Blogspot, Blog Tutorial, Artikel Menarik, Tutorial SEO  http://www.trikblogger.com -->
       <b:if cond='data:blog.pageType == &quot;item&quot;'>
       <p class='breadcrumbs'>
       <span class='post-labels'>
       <b:if cond='data:post.labels'>
       Go&#160; :
       <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;
       <b:loop values='data:post.labels' var='label'>
       <b:if cond='data:label.isLast == &quot;true&quot;'>
       <a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
       </b:if>
       </b:loop>
       <b:if cond='data:post.title'>
       &gt; <b><data:post.title/></b>
       </b:if>
       </b:if>
       </span>
       </p>
       </b:if>
       <!-- End of Breadcrums Hack -->
       </b:includable>

4. Lalu cari kode <b:loop values='data:posts' var='post'> (biasanya ada 2 kode yg sama pilih kode yang pertama) dan pasang kode berikut di bawah kode tadi
   

   <b:include data='post' name='breadcrumbs'/>

5. Simpan Template sobat

Semoga bermanfaat