Cara Menampilkan Link Home Label di atas Judul Posting

Cara Menampilkan Link Home Label di atas Judul Posting, Trik Membuat Tulisan Home-Label-Judul Postingan diatas Postingan termasuk Judulnya. Navigasi breadcrumb adalah suatu widget, tepatnya link yang menunjukkan dari mana kita bisa sampai ke postingan tersebut, itu menurut pemikiran saya. Jangan diambil pusing, coba sobat lihat apa yang ada di atas judul posting. Nah, silahkan sobat ambil kesimpulan sendiri saja apa itu navigasi breadcrumb.

Saya Fafan Mengharap dan Sepertinya navigasi breadcrumb ini sangat SEO friendly. Mengapa? Karena sering ada pada blog-blog yang sudah terkenal ya ?. Percaya atau tidak percaya mari kita coba buktikan saja. Nah, ayo langsung saja kita ke TKP ..

1. Dasbor > Rancangan > Edit HTML

2. Centang kotak 'Expand Template Widget'

3. Cari kode ]]></b:skin>

4. Masukkan kode CSS di bawah ini tepat sebelum (di atas) kode ]]></b:skin>

.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}

5. Kemudian cari kode <b:includable id='post' var='post'>

6. Copy kode di bawah ini dan paste-kan setelah (di bawah) kode <b:includable id='post' var='post'>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'> Home</a> &#187;
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
</b:loop>
&#187;
</b:if>

Simpan template !

Sekian dulu Saya Fafan Postingan tentang Cara Menampilkan Link Home Label di atas Judul Posting