Cara Membuat Breadcrumbs Blog | Agar Blog SEO Friendly (Terbaru)
Membuat Breadcrumbs Blogspot . untuk agar blog menjadi lebih SEO dan di sukai mesin pencari, memang sebelumnya saya sudah posting artikel mengenai cara mudah memasang breadcrumbs di blog, tapi pada saat ini yang akan saya posting lain daripada yang lain, breadcrumb nya lain deh ,hehhehe, maksudnya lain cara memasangnya dan liat sendiri efek breadcrumbnya ntar di mesin pencari , cara memasang breadcrumbs blog agar muncul di mesin pencari. oke kita langsung aja ke cara memasang breadcrumbs blog :
1. Log in ke blogger.com
2. pilih design atau rancangan
3. pilih edit html,centang expand temlate widget supaya semua kode muncul semua dan jangan lupa back up template untuk jaga jaga dengan cara mendownload full template
5. Lalu Cari kode tag ]]></b:skin> dan letakkan kode dibawah ini diatasnya
.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}
6. Cari kode <b:includable id='main' var='top'>
7. Jika sudah ketemu , letakkan kode dibawah ini di atas kode no.6
<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Anda Berada di  :
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>
8.Cari kode <b:loop values='data:posts' var='post'> pilih kode yang paling pertama di temukan, Jika sudah ketemu, silahkan letak kode berikut di bawahnya
<b:include data='post' name='breadcrumbs'/>
9. Save template .
nah gampangkan ? begitulah cara membuat menu navigasi breadcrums di blog, semoga artikel breadcrumb ini bermanfaat untuk sobat blogger semua.
1. Log in ke blogger.com
2. pilih design atau rancangan
3. pilih edit html,centang expand temlate widget supaya semua kode muncul semua dan jangan lupa back up template untuk jaga jaga dengan cara mendownload full template
5. Lalu Cari kode tag ]]></b:skin> dan letakkan kode dibawah ini diatasnya
.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}
6. Cari kode <b:includable id='main' var='top'>
7. Jika sudah ketemu , letakkan kode dibawah ini di atas kode no.6
<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Anda Berada di  :
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>
8.Cari kode <b:loop values='data:posts' var='post'> pilih kode yang paling pertama di temukan, Jika sudah ketemu, silahkan letak kode berikut di bawahnya
<b:include data='post' name='breadcrumbs'/>
9. Save template .
nah gampangkan ? begitulah cara membuat menu navigasi breadcrums di blog, semoga artikel breadcrumb ini bermanfaat untuk sobat blogger semua.
