Cara Membuat Breadcrumbs di Blogspot / Blogger

Selamat sore sobat blogger dimanapun anda berada kali ini saya akan posting tentang Cara Membuat Breadcrumbs Di Blogger/ Blogspot. Mungkin bagi sebagian blogger akan kesal apabila postingan yang telah dibuat dengan susah payah tau-tau nya tidak terindex google. Fungsi dari Breadcumbs adalah :

1. Memberikan kemudahan navigasi bagi pengunjung blog atau website
2. Breadcrumbs berfungsi untuk membantu untuk memberikan orientasi, menunjukkan jalan kepada mereka para pengunjuing blog Anda untuk mengetahui lokasi dimana postingan mereka baca.
3. Link atau tatutan yang ada di breadcrumbs membantu para pengunjung blog Anda dengan cepat untuk kembali ke halaman awal meraka kunjugi atau setidaknya kembali ke beranda / home blog atau website Anda.

Berikut Cara Membuat Breadcrumbs Blogger/ Blogspot

• Login di Blogger
• Pilih Template
• Pilih Edit HTML (lebih baik back up template dulu untuk menghindari kesalahan)
• Kalau sebelumnya anda sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama
• Kemudian cari kode ]]></b:skin>
• Copy kode di bawah ini dan paste tepat di atas kode ]]></b:skin>

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

• Kemudian cari kode <b:includable id='main' var='top'> gunakanlah CTRL+F untuk mempermudah pencarian
• Ganti kode <b:includable id='main' var='top'> dengan kode yang 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'/>

• Terakhir simpan template anda dan navigasi breadcrumbs akan siap di index Google

 Screen Shoot

Sampai Disini dulu ych kawan blogger postingan ane.

Semoga Artikel Ini Bisa Bermanfaat bagi sobat blogger.

Salam ITnetworking Support SMKN 2 JENEPONTO