Breadcrumb Untuk Blogspot

Breadcrumb Untuk Blogspot mungkin ada beberapa cara dan masing-masing punya tujuan yaitu agar Blog maupun Artikel kita terindex dengan baik di Google. Dan kali ini saya mau membhasa tentang tata cara pemasangan Breadcrumb pada Blogspot

memang untuk sebuah Blog sangat deperlukan Breadcrumb dan itu juga menambah daya tarik Seo agar makin terasa. Untuk lebih jelasnya tentang tata cara penempatan Breadcrumb Untuk Blogspot yuk sama-sama kita mulai.
Cara Membuat Breadcrumb di Penelusuran Google Buat Bloggger :

1. Masuk ke blogger.com
2. Klik Template -> Edit HTML -> centang Expand Widget Template.
3. Cara kode berikut: <b:include data='top' name='status-message'/> (Gunakan Ctrl +F)
  Ganti dengan kode berikut:


<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

4. Cari kode berikut: <b:includable id='main' var='top'> (Gunakan Ctrl +F)
   Ganti dengan kode berikut:

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<!-- No breadcrumb on home page -->
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<p class='breadcrumbs'>
<span class='post-labels'>
<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 == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>


5. Cari kode berikut: ]]></b:skin> (Gunakan Ctrl +F)
  Tempatkan kode dibawah ini 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;
}

6. Klik Simpan.

Dengan metode Breadcrumb Untuk Blogspot yang telah kita pelajari bersama tadi semoga bisa menambah nilai Seo Blog pada website kita.