Thursday, March 24, 2016

Cara Membuat Breadcrumb pada Blogspot anda

ADVERTISMENT 1
Untuk cara membuat breadcrumb pada blogspot pastinya anda harus mengetahui terlebih dahulu apa itu breadcrumb, breadcrumb yaitu sebuah navigasi menu pada blog, bisa nya ada pada posisi atas blogspot anda di bawah judul atau header blog. Fungsinya adalah sebagai alat untuk mempermudah untuk pengunjung agar mengetahui sedang berada dihalaman mana berada, dan untuk memudahkan ketika akan kembali ke menu sebelumnya.
Membuat breadcrumb di blog menurut saya adalah hal yang wajib adanya. Karena selain daripada fungsi diatas sama seperti fungsi dari sitemap, breadcrumb sangat baik sekali untuk SEO blog anda karena lebih memperkaya kata kunci dalam sebuah blog. Nah untuk anda yang memakai template bawaan blog tidak di sediakan breadcrumb ini, anda harus menginstal nya sendiri, akan tetapi jika anda memakai template gratisan hasil download, bisa nya sebagian anda yang menggunakan fitur breadcrumb ini. Dan fungsi dari Breadcrum itu sendiri sudah berfungsi secara otomatis.

Nah Berikut ini saya berikan cara membuat breadcrumb untuk blog anda :
Cara Membuat Breadcrumb pada Blogspot anda
Cara Membuat Breadcrumb pada Blogspot anda
1. Log in Blogger
2. Masuk Ke rancangan > Edit HTML > Centang “ Expand Template Widget “
3. Sebaiknya anda cadangkan dulu template blog bawaan anda agar mengantisipasi adanya kesalahan instalasi breadcrumb.
4. Control F dan Cari kode berikut ]]></b:skin>
5. Copy Kode dibawah ini dan paste di atas kode ]]></b:skin>

.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

6. 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 nya tepat dibawah kode tadi.

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

7. Selesai, Simpan dan lihat hasilnya dengan mengklik salah satu postingannya.

Selesai sudah cara membuat breadcrumb pada blogspot anda, tinggal lihat hasilnya yah ... selamat mencoba nya yahh ... Terimakasih




ADVERTISMENT 2


EmoticonEmoticon