Cara membuat breadcrums sangatlah mudah, karena hanya memodifikasi template anda saja. banyak ara ahli SEO yang percaya bahwa breadcrums adalah salah satu Trik SEO yang cukup ampuh karena trik breadcrums bisa membantu googleboot untuk lebih mudah mengenali struktur dari blog anda.

Dan akhirnya sampai sekarang pun teknik breadcrums ini masih sangat populer dan hampir semua blog atau situs web memakai trik breadcrums ini. untuk template dari penyedia-penyedia gratisan biasanya belum dilengkapi breadcrums sehingga anda perlu memasangnya secara manual.
cara membuat breadcrumbs pada blog

Untuk yang tertarik dengan breadcrumbs ini dan ingin memasangkannya di blog anda maka silahkan ikuti langkah berikut.

Cara memasang bradscrumbs.
  • Buka menu TEMPLATE
  • Cari kode ]]></b:skin (apabila kesulitan maka gunakan Ctrl+F)
  • Jika suda menemukan kode tersebut maka letakkan kode dibawah ini tepat dibawah kode ]]></b:skin

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:90%; line-height: 1.4em; border-bottom:3px double #eee;}
  • Setelah selesai mengcopy kode di atas. Selanjutnya cari kode berikut <b:includable id='main' var='top'>.
  • Setelah menemukan kode tersebut, maka  pastekan kode dibawah ini tepat di atas kode <b:includable id='main' var='top'>.

<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'/>

Setelah selesai semuanya, maka simpan template.
Untuk bisa berhasil atau tidaknya penerapan breadcrums anda makan lihat salah satu artikel atau postingan pada blog anda.

Jika sudah meuncul beradcrumbs pada blog anda maka anda telah berhasil menggunakan trik ini dengan baik. Demikianlah cara membuat breadcrumbs yang saya bisa bagikan semoga bisa bermanfaat.

0 komentar:

Post a Comment

demi keamanan pada situs atau blog kami, jangan membuat spam, virus, link aktif, dan lainnya yang sifatnya mengganggu situs atau blog kami. terima kasih.

 
English Banyuwangi © 2013. All Rights Reserved. Powered by Blogger
Top