Berikut ini adalah cara pemasangan breadcrumb untuk blogger:
- Login blogger
- Masuk ke Edit HTML
- Centang "Expand widget template"
- Kemudian cari kode ]]></b:skin>
- Masukkan kode ini tepat dibawahnya:
.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}
- Eit belum selesai
- Kemudian cari kode <b:includable id='main' var='top'> atau ketikkan saja var='Top' tapi ingat pada id='main'
- Hapus kode tersebut lalu ganti 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 == "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'/>
- Selesai
Author: Dekgo~Cara Membuat Breadcrumb Paling SEO Untuk Blogger
Artikel ini memiliki Description: Cara Membuat Breadcrumb Paling SEO Untuk Blogger dan diberikan Rating: 5 Jika Sobat Mengcopy Artikel Ini Tanpa Meletakkan Sumbernya.... Itu Sama Saja Dengan Seorang Pencuri. Hal Ini Bisa Saya Laporkan Dan Akan Ditindak Lanjuti. Jadilah Manusia Yang Ber-Etika
Di Reviewer oleh: Dekgo
Item Reviewed: Cara Membuat Breadcrumb Paling SEO Untuk Blogger About me
Makasih infonya dan minta izin praktik. Btw, template blogmu ini bagus sekali dan aku ingin seperti ini juga. Kebetulan template blog-ku masih template jadul dan tidak SEO friendly kata orang dan mau kuganti. Kalau boleh tahu bagaimana caranya agar aku bisa punya template seperti blog ini?
ReplyDeleteLapor, breadcumbs sukses terpasang tapi aku bingung sebab letaknya ada di bawah judul posting. Btw, apakah bisa membantu?
ReplyDeleteagak sukar mas tutorial ini..mungkin masih boleh diperbaiki breadcrumbs untuk tampak lebih gratis..
ReplyDelete