Breadcrumbs navigation itu adalah serupa jejak, yaitu merupakan sebuah navigasi yang digunakan untuk membantu user interface di website.
Banyak orang yang memiliki blogger untuk memasang breadcrumbs di Blognya, mengapa???
jawabannya adalah, karena breadcrumbs dapat membantu blog kita menjadi SEO friendly.
Breadcrumbs memungkinkan kategori label yang ada pada blog kita menjadi kata kunci dalam postingan kita, sehingga akan tampil label yang berkaitan dan terkait dengan isi label lainnya.
bingung yah??
Langsung saja deh buat breadcrumbs navigation, nih caranya hehe...
- Login ke Blogger anda
- di menu Dasboard pilih rancangan
- lalu klik Edit HTML
- beri checklist pada expand template widgets
- lalu tekan ctrl+F dan cari kode ]]></b:skin>
- copy dan paste kode berikut dan letakkan tepat diatas kode ]]></b:skin>
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #ff0000;
}
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #ff0000;
}
- Lalu tekan ctrl+F dan cari kode <div class='post hentry uncustomized-post-template'> atau kode <div class='post hentry'>
- copy dan paste kode berikut tepat dibawah kode tersebut
<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' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
» <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
» <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>
- Save
cukup sekian dan selamat berkarya untuk anda semua
0 komentar:
Posting Komentar
Silahkan Anda berkomentar jika anda mendukung blog ini agar terus maju.
----------------------------------------
| No SPAM, No Porn, No SARA |
----------------------------------------