Cara Menciptakan Breadcrumb

Saat mencari tutorial SEO Blogger, ada yg mengharuskan Membuat Breadcrumb di Blog, Nah sehabis dicari-cari ternyata ketemu, tapi ketika mencari gambar, kan ingin tau jikalau tidak ada gambarnya, eh malah nemu kaya gambar di atas. Ternyata Breadcrumb ada juga selain trik blogger. Malah makanan, hi hi hi, gres tau, 

Sebenarnya apasih breadcrumb? aku sendiri belum begitu paham arti dan fungsi breadcrumb itu sendiri. Penting apa gak sih breadcrumb ini bagi blogger? Kalau aku sendiri breadcrumb ini tidak terlalu penting bagi blog, karna hanya menawarkan urut-urutan dimana artikel kita berada. Sebagai rujukan home, (label blog kita) trus hacukup laman posting. Gak penting kan, Tapi kata master2, breadcrumb ini sangat penting untuk menunjang SEO blog kita biar lebih yummy di kanal oleh google atau search engine lain.

Ada banyak tips mem.buat breadcrum ini, baik silakan pilih saja dari 2 tips berikut :

# Cara pertama

1. Login ke blogger.com
2. Klik Tata Letak.
3. Pilih tab Edit HTML
4. Click Download Full Template and
please back up your template first.
5. Kemudian beri tanda centang
pada kotak kecil di samping
goresan pena Expand Template Widget.
6. Silahkan cari arahan ]]></b:skin>
7. Copy kemudian paste arahan di bawah
ini persis di atas arahan ]]></b:skin>

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

8. Silahkan cari arahan berikut pada
template anda :
<div class='post hentry uncustomized-post-template'>

9. Copy kemudian paste arahan di bawah ini persis di bawah arahan <div class='post hentry uncustomized-post-template'>

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>

Browse &#187; <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

10. Kemudian Save Template.

# Cara Kedua

Cara ini yg paling mudah :

Cari kode 

<b:if cond='data:post.title'> (dan semoga ada, He)

Lalu tambahkan arahan berikut, sempurna dibawahnya arahan tadi

<b:if cond='data:blog.pageType == "item"'>
<a href='http://buwel.blogspot.com/'>Home</a> &#187;
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</b:if>

Dan tinggal ganti acukup lamat http://buwel.blogspot.com diatas dengan acukup lamat blog anda
trus klik simpan templet dan selesai.

Nah, menyerupai itu Cara Membuat Breadcrumb, semoga bermanfaat

Thanks to :

https://sejutatrik.blogspot.com//search?q=tips-mem.buat-breadcrumb-navigation

https://sejutatrik.blogspot.com//search?q=tips-mem.buat-breadcrumb-navigation

Cara Menciptakan Breadcrumb 2011-06-06T06:09:00-07:00 Rating: 4.5 Diposkan Oleh: abp29