Membuat Catatan Atau Breadcrumb Diatas Judul Posting Blog

Kali ini, Kita akan membahas Tentang Cara Membuat Catatan AtauBreadcrumb Diatas Judul Posting Blog.
Contohnya seperti yang Nampak Pada gambar diaas.
Pehatikan Yang saya beri Garis kotak merah,
itulah Catatan kecilnya/breadcrum,
dan yang saya beri Garis Warna Hijau, Itulah judul Postinganya.

Banyak Tujuan membuat seperti ini, Salah satunya memudahkan pengunjung Melihat label Postingan kita.
Apabila pengunjung Nge klik label itu sendiri, maka otomatis Jumlah pegunjing Dalam Blog Kita bertambah banyak.
Jadi Bisa dikatakan Ini adalah Salah satu SEO dari Blogger.

Nah, Jika Saudara tertatik Seperti Yang dibahas dalam artikel ini,
untuk membuat seperti itu,
maka Ikutilah langkah-langkah dibawah ini

• Masuk Ke blogger Sobat
• Pilih menu Temolate
• Lalu Edit HTML
• Cari kode ini  ]]></b:skin>
• Dan letakkan Kode dibawah ini, Tepat diatasnya

.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:13px;border-bottom:1px dotted #ccc;font-weight:normal}

Setelah selesai, Kita kembali ke langkah selanjutnya.

• Masih Dalah edit HTML, carilah code ini <b:includable id='main' var='top'>
• Kemudian Hapus dan ganti dengan Kode Dibawah INi

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- 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'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <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'/>

Langkah terahir adalah Klik save/simpan.
cie...... Blog Saudara sekarang sudah ada Breadcrumb nya.
Selamat yah

Sampai disini mengenai Membuat Catatan Atau Breadcrumb Diatas Judul Posting Blog,
Semoga artikel ini sangat berguna bagi saudara.
Terimakasih.
happy Blogging