Cara membuat Breadcrumb di Blogspot
0
comments
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. Simpan dan creeengg Breadcrumb penunjang Blog SEO anda sudah jadi, lihat hasilnya dengan mengklik salah satu postingan.
TERIMA KASIH ATAS KUNJUNGAN SAUDARA
Judul: Cara membuat Breadcrumb di Blogspot
Ditulis oleh Didik
Rating Blog 5 dari 5
Semoga artikel ini bermanfaat bagi saudara. Jika ingin mengutip, baik itu sebagian atau keseluruhan dari isi artikel ini harap menyertakan link dofollow ke http://galdikaz.blogspot.com/2013/05/cara-membuat-breadcrumb-di-blogspot.html. Terima kasih sudah singgah membaca artikel ini.Ditulis oleh Didik
Rating Blog 5 dari 5
0 comments:
Post a Comment
Berkomentarlah Tanpa Spam