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.
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 == "static_page"'> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div> <b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- 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'> » <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span> </b:loop> » <span><data:post.title/></span> </div> <b:else/> <div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div> </b:if> </b:loop> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- breadcrumb for the label archive page and search pages.. --> <div class='breadcrumbs'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span> </div> <b:else/> <b:if cond='data:blog.pageType == "index"'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == ""'> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span> <b:else/> <span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <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.