Cara membuat Bread Crumb di Blogspot - Hay sobat blogger, kali ini akan saya updatekan tentang cara memasang breadcrumb diblog. Breadcrumb sangat penting buat blog. karena breadcrumb membantu untuk mengarahkan SERP ke postingan kita sob. Selain itu, Bread crumb juga menambah kualitas SEO kita.atau juga sistem navigasi yang terletak diatas postingan blog kita. Nah untuk itu , silahkan sobat copy paste script membuat Bread Crumb di Blogspot berikut:
buka blog masuk ke template>>edit html
pasang script dibawah ini diatas kode ]]></b:skin>
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}
Setelah itu cari kode <div class='post hentry'>
<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'>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>
Jika sudah save template nya.
Maka hasilnya akan seperti :
Tag :
buka blog masuk ke template>>edit html
pasang script dibawah ini diatas kode ]]></b:skin>
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}
Setelah itu cari kode <div class='post hentry'>
Taruh code script dibawah, dibawah kode <div class='post hentry'>
Jika sudah save template nya.
Maka hasilnya akan seperti :
Tag :
Tidak ada komentar:
Posting Komentar