Sebelum masuk ke cara
membuat breadcrumb pada blogspot baiknya anda mengetahui
definisi dan fungsi dari Breadcrumb tersebut. Breadcrumb adalah sebuah navigasi menu horizontal
pada sebuah blog yang biasanya berada pada posisi atas blog di
bawah judul atau header blog dan berfungsi mempermudah bagi pengunjung
untuk mengetahui sedang berada di halaman mana berada dan memudahkan
ketika akan kembali ke menu sebelumnya.
Membuat
breadcrumb pada sebuah blog
sepertinya sesuatu yang wajib diadakan, kenapa? karena selain dari
fungsi di atas, sama halnya seperti sitemap, breadcrumb juga sangat baik bagi SEO blog karena akan memperkaya kata kunci dalam
postingan.
Bagi anda yang memakai template bawaan blogger
breadcrumb ini tidak disediakan dan anda harus menginstalnya sendiri.
Tetapi untuk template-template gratisan dari penyedia template yang
banyak beredar terkadang fungsi breadcrumb ini sudah terpasang
otomatis.
Nah
sekarang bagaimana cara membuat breadcrumb pada blogspot? Gampang sekali
kok ^_^, caranya adalah:
1.
Log in ke blogger
2.
Masuk ke rancangan > Edit HTML >
centang “Expand Template Widget”
3.
Untuk amannya adan download dulu templatenya
sebagai antisipasi apabila ada kesalahan.
4. Dengan CTRL F cara kode ]]></b:skin>
5.
Copy kode dibawah ini dan paste tepat diatas
kode ]]></b:skin>
.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
6. Kemudian copy kode dibawah ini dan paste tepat
dibawah kode <div
class='post hentry'> atau cari kode ini <b:includable
id='post' var='post'> Paste kode dibawah tepat dibawahnya.
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Anda disini » <a expr:href='data:blog.homepageUrl'>Home</a> »
<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 != "true"'> , </b:if>
</b:loop>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>
7. Selesai. Simpan dam lihat hasilnya dengan
mengklik salah satu postingan.
Bagaimana mudah bukan cara
memasang breadcrumb pada blogspot? Selamat mencoba.
0 komentar:
Posting Komentar