Cara Mudah Membuat Breadcrumb di Blog - Jika anda senang merubah template yang gratisan, tentunya isi dari template tersebut masih banyak kekurangannya untuk menuju ke template yang Seo friendly, salah satunya misalnya tidak adanya label di atas postingan atau disebut juga navigasi breadcrumb. Keutamaan membuat Breadcrumb ini adalah untuk mengoptimalkan Seo On Page.
1. Login ke Blogger
2. Pilih Rancangan
3. Pilih Edit HTML dan centang Expand Widget Templates
4. Lalu cari kode ]]></b:skin>
5. Paste kode berikut tepat diatas kode ]]></b:skin>
.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
6. Langkah selanjutnya cari kode <b:includable id='post' var='post'>
7. Kalau sudah, lalu letakkan kode dibawah ini tepat dibawah kode <b:includable id='post' var='post'>
<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>
8. Kini breadcrumb telah selesai dibuat dan simpan template anda
Mudah mudahan artikel tentang Jika anda senang merubah template yang gratisan, tentunya isi dari template tersebut masih banyak kekurangannya untuk menuju ke template yang Seo friendly, salah satunya misalnya tidak adanya label di atas postingan atau disebut juga navigasi breadcrumb. Keutamaan membuat Breadcrumb ini adalah untuk mengoptimalkan Seo On Page. Ok saya tidak akan berbicara panjang lebar pada postingan ini, karena yang menjadi topik pembicaraan adalah cara bikin menu breadcrumb, bukan cerita panjang lebar yang akan membuat anda jenuh membacanya.
Cara memasang breadcrumb di blog
1. Login ke Blogger
2. Pilih Rancangan
3. Pilih Edit HTML dan centang Expand Widget Templates
4. Lalu cari kode ]]></b:skin>
5. Paste kode berikut tepat diatas kode ]]></b:skin>
.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
6. Langkah selanjutnya cari kode <b:includable id='post' var='post'>
7. Kalau sudah, lalu letakkan kode dibawah ini tepat dibawah kode <b:includable id='post' var='post'>
<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>
8. Kini breadcrumb telah selesai dibuat dan simpan template anda
Mudah mudahan artikel tentang Cara Mudah Membuat Breadcrumb di Blog bermanfaat.
