Menu navigasi diatas judul posting atau sering disebut breadcumb adalah sebagian dari trik seo yang seo friendly berikut contoh breadcumb :
Login ke blogger > Rancangan > Edit Html > Expand Widget Templates
Gunakan Ctrl+F untuk mencari kode :
]]></b:skin>
Letakkan kode berikut tepat diatasnya .breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
Lalu cari kode <div class='post hentry uncustomized-post-template'>
Jika tak ketemu cari kode yang hampir mirip ..
Lalu letakkan kode dibawah ini tepat dibawahnya
<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 + "?&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>
Lalu simpan template blogger.Cara membuat breadcumb part 2 :
Seringkali cara diatas tak dapat diterapkan di semua template blogger, nah semoga cara kedua dapat diterapkan :
Cari kode ]]></b:skin>
Lalu masukkan kode dibawah ini tepat di atas nya
Lalu masukkan kode dibawah ini tepat di atas nya
Lalu cari kode.breadcrumb {
padding:4px 4px 4px 0px;
margin: 0px 0px 10px 0px;
font-size:96%;
line-height: 1.2em;
border-bottom:2px double #003000; < warna garis bawah
}
<b:if cond='data:post.title'>Masukkan kode dibawah ini tepat dibawah nya
<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>
Lalu simpan template.
Selamat mencoba !!

0 komentar:
Posting Komentar