Navigasi Breadcrumbs

Navigasi Breadcrumbs.
Dengan cara ini, kita dapat menambah kekuatan dengan menambah kategori pada Indeks Search Engine sehingga bisa memberikan efek tersendiri pada posting seperti penambahan kekuatan Keyword dan sebagainya.
Untuk contoh, Breadcrumbs bisa dilihat diatas judul Posting, jika ada yang tertarik
Berikut cara memasangnya :

Login ke Blogger klik Rancangan (Template)klik Edit HTML klik tulisan Download Template Lengkap untuk Backup.
Silahkan save dulu template tersebut, ini di maksudkan untuk mengurangi resiko apabila terjadi kesalahan ketika melakukan editting pada template, kita masih punya back up data untuk mengembalikannya seperti semula
Beri tanda centang pada kotak di samping tulisan Expand Template Widget
Lalu sobat cari kode ]]></b:skin>
Tips : Untuk mempercepat pencarian anda bisa gunakan tombol F3
Kalau sudah ketemu copy kode berikut dan paste diatasnya


.breadcrumbs {
padding: 5px 5px 5px 0;
margin: 0 0 5px;
font-size: 95%;
line-height: 1.4em;
border-bottom: 2px double #cccccc;
}

Kemudian cari kode seperti berikut :

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>

Jika sudah ketemu copy kode berikut dan paste diatasnya

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
Browse : <a expr:href='data:blog.homepageUrl'>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>
</b:if> &#187; <a expr:href='data:post.url'><data:post.title/></a>
</div>
</b:if>
</b:if>

Keterangan : kode yang berwarna biru bisa sobat ganti sesuai keinginan.
Jika sudah selesai SIMPAN TEMPLATE dan lihat hasilnya

0 comments:

Posting Komentar