Cara memasang navigasi Breadcrum di blog
Posting saya hari ini adalah ' bagaimana cara memasang menu navigasi / breadcrum di blog. Menu navigasi/ breadcrum adalah sebuah plugin milik wordpress yang membantu memudahkan pembaca mencari informasi sesuai labelnya. Breadcrum mutlak sekali diperlukan dalam SEO. Mau tau cara memasangnya? saya akan membahasnyaKarena breadcrum milik wordpress, butuh sedikit otak- atik html untuk memasangnya, langkah-langkahnya adalah:
1. Login ke akun bloggermu2. Masuk ke menu template lalu edit html
3. Sebelum edit html, lebih baik backup template anda dengan melihat gambar di samping
4. Jangan lupa tekan expand widget
5. Masukkan kode ini dibawah <b:if cond='data:post.title'>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'>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>
6. Cari kode ]]></b:skin> dan letakkan kode ini di atasnya
.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}
Note: jika ada dua salah satu kode di atas, seperti saya, letakkan yang paling atas, soalnya breadcrum kan diatas :)
Share This:
Jillur Rahman
I'm Jillur Rahman. A full time web designer. I enjoy to make modern template. I love create blogger template and write about web design, blogger. Now I'm working with Themeforest. You can buy our templates from Themeforest.
Social Links: