CARA MEMASANG NAVIGASI BREADCRUMBS UNTUK BLOGGER

Cara membuat breadcrumbs sangat mudah karena hanya memodifikasi template kita saja. Banyak para ahli seo yang percaya bahwa breadcrumbs adalah salah satu trik seo yang cukup ampuh karena trik breadcrumbs bisa membantu googleboot untuk lebih mudah mengenali struktur dari blog kita.

Breadcrumb sendiri adalah salah satu tehnik untuk memudahkan robot menemukan artikel-artikel dari blog anda dan sebagai navigasi untuk memudahkan pengunjung untuk mengetahui posisi mereka dalam blog anda. dan saya rasa anda wajib untuk memasang breadcrumbs pada blog anda.

Dan ahirnya sampai sekarang pun tehnik bradcrumbs ini masih sangat populer dan hampir semua blog atau website memakai teknik breadcrumbs ini. Untuk template dari penyedia-penyedia gratisan biasanya belum dilengkapi breadcrumbs sehingga anda perlu memasangnya sendiri. Untuk yang tertarik dengan breadcrumbs dan ingin menggunakannya pada blog anda silahkan ikuti langkah-langkah berikut.

Cara memasang breadcrumbs

1. Pada halaman dashboar blog anda pilih menu TEMPLATE
2. Cari kode ]]></b:skin (gunakan Ctrl+F untuk mempermudah pencarian)
3. Jika sudah menemukan kode tadi letakan kode dibawah ini diatas ]]></b:skin.

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:80%; line-height: 1.4em; border-bottom:3px double #000;}

4. Setelah selesai cari kode seperti dibawah:

<b:includable id='main' var='top'>

5. Ganti kode di atas dengan kode dibawah ini:

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

6. Pilih SIMPAN.

Catatan: Untuk mengeceknya silahkan buka salah satu artikel diblog anda, jika breadcrumbs berhasil dipasang maka akan ada seperti di gambar berikut:

Jika tanda blog anda terlihat seperti di atas maka anda sudah merhasil memasang breadcrumbs dan secara tidak langsung anda juga sudah menerapkan salah satu kriteria template yang seo.

Demikian cara memasang breadcrumbs semoga bisa membantu dan bermanfaat untuk anda.