Memasang Navigasi BreadCrumbsb seo friendly, Pada Postingan sebelumnya memang maz dani sudah pernah mempostingkan Cara Memasang BreadCrumbsb diblog (anda berada)Namun pada tutorial sebelumnya hanya ada satu label/kategori yang tampil saja,untuk itu Maz dani kali ini akan berbagi Cara Memasang BreadCrumbs dengan 2 label/kategori yang tampil pada BreadCrumbs
Contohnya seperti ini
Maz Dani » All Data » Cinta tak sampai dihatimu » Curcol » Cinta tak sampai dihatimu
seperti ini hasilnya
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
]></b:skin>
6. Terus Cari script <div class='post hentry
7.Nah nanti sobat akan temukan barisan kode seperti:
8.Simpan hasil edit html, dan lihat hasilnya
Gampang bukan? Semoga bermanfaat
Happy Blogging *.*
Demikian Tutorial Blog Memasang Navigasi BreadCrumbsb seo friendly
Contohnya seperti ini
Maz Dani » All Data » Cinta tak sampai dihatimu » Curcol » Cinta tak sampai dihatimu
Kata para senior si memasang BreadCrumbsb agar lebih seo friendly
Jadi gak ada salahnya kan kita memasangnya
dan langkah langkah memasangnya adalaha :
1. Login ke Blogger
2. Klik Menu "Rancangan"
3. Klik "Edit HTML"
4. Jangan lupa kasih tanda ceklist(centang) "Expand Template Widget"
5. Lalu Cari script ]]></b:skin> lalu letakan Script dibawah ini diatas ]]></b:skin>
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
Jadi gak ada salahnya kan kita memasangnya
dan langkah langkah memasangnya adalaha :
1. Login ke Blogger
2. Klik Menu "Rancangan"
3. Klik "Edit HTML"
4. Jangan lupa kasih tanda ceklist(centang) "Expand Template Widget"
5. Lalu Cari script ]]></b:skin> lalu letakan Script dibawah ini diatas ]]></b:skin>
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
seperti ini hasilnya
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
]></b:skin>
6. Terus Cari script <div class='post hentry
7.Nah nanti sobat akan temukan barisan kode seperti:
<div class='post hentry
uncustomized-post-template'>
tepat dibawah kode tersebut,sobat letakkan kode ini:
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Beranda</a> »
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=10"' 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>
tepat dibawah kode tersebut,sobat letakkan kode ini:
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Beranda</a> »
<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + "?&max-results=10"' 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>
8.Simpan hasil edit html, dan lihat hasilnya
Gampang bukan? Semoga bermanfaat
Happy Blogging *.*
Demikian Tutorial Blog Memasang Navigasi BreadCrumbsb seo friendly
Page Load
0 komentar:
Posting Komentar
Terimakasih sudah berkomentar dengan baik, sopan dan tidak mengandung spam,dimohon untuk tidak meletakan link aktif dalam komentar!!!
Klik Subscribe by email jika ingin mengetahui update komentar pada artikel ini, thank you for visiting
Ttd : Dani Setiadi