Cara Membuat Navigasi Breadcrumbs Terindex Google

Cara Membuat Navigasi Breadcrumbs Terindex Google | Pada kesempatan siang menjelang sore kali ini saya akan membahas tentang bagaimana Cara membuat navigasi breadcrumbs terindex Google. Sebetulnya apasih tujuan dari Breadcrumbs itu sendiri? Tidak lain adalah tujuannya mempermudah pengunjung dalam menjelajahi isi blog / website yang kita miliki.

Bagaimana sudah ingin mencoba membuatnya diblog agan-agan semuanya? Berikut ini adalah tutorialnya :
  • Login di Blogger
  • Pilih Template 
  • Pilih Edit HTML (alangkah lebih baiknya jika kita Backup dulu Template yang kita miliki, agar nanti jika terjadi kesalahan bias diperbaiki kembali) 
  • Ceklist/Centang Expand Widget Templates 
  • Kalau sebelumnya agan-agan sudah memasang breadcrumbs silahkan dihapus dulu kode breadcrumb yang lama.
  • Kemudian cari code ]]></b:skin> 
  • Copy code 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 code <b:includable id='main' var='top'> gunakanlah CTRL+F untuk mempermudah pencarian
  • Ganti code <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'/>
  • Langkah Terakhir simpan template agan-agan dan navigasi breadcrumbs akan siap di index Google

Share 'Cara Membuat Navigasi Breadcrumbs Terindex Google' On ...

Ditulis oleh: ahmad mustaghfirin - Wednesday, April 3, 2013

Belum ada komentar untuk "Cara Membuat Navigasi Breadcrumbs Terindex Google"

Post a Comment