Cara Membuat Breadcrumbs Blog

Membuat Breadcrumbs Blogspot - Untuk agar blog menjadi lebih SEO, cara memasang breadcrumbs blog agar muncul di mesin pencari.

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

4. 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}

5. Cari kode <b:includable id='main' var='top'>


6. Jika sudah ketemu , letakkan kode dibawah ini di atas kode no.6

<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Anda Berada di&#160; :
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt;
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'>
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a>
</b:if>
</b:loop>
<b:if cond='data:post.title'>
&gt; <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>

7. Cari kode <b:loop values='data:posts' var='post'> pilih kode yang pertama di temukan, jika sudah ketemu, silahkan letakan kode berikut di bawahnya
<b:include data='post' name='breadcrumbs'/>

8. Save template .

Begitulah cara membuat menu navigasi breadcrums di blog, semoga artikel breadcrumb ini bermanfaat.

Tweet

Related Post