Cara Membuat Link Home/Label di atas Judul Posting

Assalamu'alaikum! Saya sedikit bingung dengan judul yang pas dengan artikel ini. 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 sendiri berpikir bahwa navigasi breadcrumb ini sangat SEO friendly. Mengapa? Karena saya sering melihatnya pada blog-blog yang sudah terkenal. 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 !

Nah, itu dari cara membuat navigasi breadcrumb. Oke sob, sekian dulu dari saya ^^ ...