Tips Blog - Cara Membuat Breadcrumb - Jasa Promosi Online

Breadcrumb

Saat mencari tutorial SEO Blogger, ada yang mengharuskan Membuat Breadcrumb di Blog, Nah setelah dicari-cari ternyata ketemu, tapi saat mencari gambar, kan penasaran kalau tidak ada gambarnya, eh malah nemu kaya gambar di atas. Ternyata Breadcrumb ada juga selain trik blogger. Malah makanan, hi hi hi, baru tau,

Sebenarnya apasih breadcrumb? Saya sendiri belum begitu paham arti dan fungsi breadcrumb itu sendiri. Penting apa gak sih breadcrumb ini bagi blogger? Kalau aku sendiri breadcrumb ini nir terlalu penting bagi blog, karna hanya memberitahuakn urut-urutan dimana artikel kita berada. Sebagai model home, (label blog kita) trus halaman posting. Gak penting kan, Tapi istilah master2, breadcrumb ini sangat krusial untuk menunjang SEO blog kita agar lebih enak di akses oleh google atau search engine lain.

Ada poly cara menciptakan breadcrum ini, baik silakan pilih saja dari 2 cara 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 indikasi centang

dalam kotak kecil di samping

tulisan Expand Template Widget.

6. Silahkan cari kode ]]></b:skin>

7. Copy lalu paste kode di bawah

ini persis di atas kode ]]></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 kode berikut pada

template anda :

<div class='post hentry uncustomized-post-template'>

9. Copy lalu paste kode di bawah ini persis di bawah kode <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 praktis :

Cari kode

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

Lalu masukkan kode berikut, sempurna dibawahnya kode 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 alamat http://buwel.Blogspot.Com diatas dengan alamat blog anda

trus klik simpan templet & terselesaikan.

Nah, seperti itu Cara Membuat Breadcrumb, semoga bermanfaat

Thanks to :

http://abdulroqib.Blogspot.Com/2009/11/cara-membuat-breadcrumb-navigation.Html

http://cah-cikrik.Blogspot.Com/2010/04/cara-membuat-navigasi-breadcrumb-versi.Html

Formulir Kontak

Nama

Email *

Pesan *

Scroll to top

Jasa Promosi Surabaya