Cara membaut Breadcrumbs di Blogger/Blogspot

Cara membuat Breadcrumbs di Blogger/blogspot. Breadcrumbs adalah suatu menu yang biasanya terdapat di atas judul postigan kita yang menunjukan dimana letak/label yang digunakan artikel tersebut.

Breadcrumbs juga bisa berfungsi sebagai teknik SEO, karena agar blog kita menjadi lebih rapi dan teratur. Berikut saya akan memberikan cara bagaimana kita memasang Breadcrumbs di Blogger/Blogspot.

1. Masuklah ke Blogger.
2. Pilih Blog anda (Apabila anda punya lebih dari 1 blog) > Klik Template > Pilih/klik Edit HTML.
3. Carilah ]]></b:skin> Kemudian Copy dan Paste kode berikut diatasnya.

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

4. Kemudian carilah Kode <b:includable id='main' var='top'> ,Ganti/Hapus kode tersebut dengan kode berikut ini.

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

5. Setelah itu Save Templates kalian, kemudian ceklah di lembar postingan blog kalian, kalau ada hal yang seperti gambar di atas berarti anda sudah berhasil memasang Breadcrumbs.

Anda juga bisa mengecek blog anda di sini http://www.google.com/webmasters/tools/richsnippets

Mungkin itu saja yang bisa saya sampaikan tentang Cara membaut Breadcrumbs di Blogger/Blogspot , apabila ada pertanyaan silahkan tanyakan di kolom komentar!. Terima Kasih.