Cara Mudah Membuat Breadcrumb di Blog

Home » Blogging » Cara Mudah Membuat Breadcrumb di Blog

Cara Mudah Membuat Breadcrumb di Blog

Posted By : Tips & Cara Admin Posted on - 11:56:00 AM with No comments

Cara Mudah Membuat Breadcrumb -Sebelum kita membahas bagaimana cara membuat breadcrumb apa sih gunanya? Mungkin itu pertanyaan umum yang timbul di pikiran anda. Sebenarnya kegunaan breadcrumb adalah untuk membuat peta situs lokasi blog anda, memudahkan mesin pencari memetakan struktur blog, salah satu cara SEO blog dan lain sebainya. Banyak kegunaannya kan. Maka sampai saat ini banyak blog memasang breadcrumb di blognya, apa anda tertarik, jika iya ikuti langkah-langkah berikut:

1. Log in ke akun Blogger
2. Klik Template dan edit HTML
3. Cari kode ]]></b:skin> dan letakkan kode berikut diatasnya:

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

4. Jika sudah terpasang lanjutkan cari kode berikut:

<b:includable id='main' var='top'>

5. Kalau sudah ketemu hapus kode itu dan 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"'>

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

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

6. Klik Simpan dan lihat hasilnya.

sponsored ads