Membuat navigasi Breadcrumbs pada Blogspot harus dilakukan secara manual. memang kalau pada wordpress kebanyakan templatenya sudah SEO friendly dan sudah ada tapi kalau template pada blogger belum ada. Breadcrumbs Navigasi ini juga membuat blog kita lebih SEO friendly, bagi yang belum tahu dibawah ini contohnya .
Ingin membuat Breadcrumbs Navigasi untuk blogspot kamu ??? ini ada panduannya.
- Login ke account blogger anda.
- klik Design, kemudian pilih Edit HTML,
silahkan back up dulu template lengkap anda - Beri tanda centang pada Expand Template Widget
- Cari kode seperti ini
]]></b:skin> - Copy kode berikut lalu letakkan tepat di atas (sebelum) kode tadi
.breadcrumbs {
padding: 5px 5px 5px 0;
margin: 0 0 5px;
font-size: 95%;
line-height: 1.4em;
border-bottom: 1px solid #ccc;
} - Kemudian cari lagi kode seperti ini
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a> - Copy kode berikut lalu letakkan tepat di atas (sebelum) kode tadi
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
You Are Here » <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> - klik Simpan
Selamat mencoba.
|
|
0 comments:
Post a Comment