Apa itu Breadcrumb-navigation ?? Bisa anda lihat sendiri atas judul artikel blog saya. Ada "Browse » Home ».... dan seterusnya".
Breadcrumb-navigation bisa membuat template kita lebih seo friendly, karena akan mempermudah search engine menemukan artikel-artikel kita. Navigasi ini di kenal dengan nama breadcrumb-navigation.
Langkah-langkah/ cara memasang breadcrumb navigation : 1. Login ke blogger.com 2. Klik Tata Letak. 3. Pilih tab Edit HTML 4. Click Download Full Template and please back up your template first. 5. Kemudian beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget. 6. Silahkan cari kode ]]></b:skin> 7. Copy lalu paste kode di bawah ini persis di atas 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 #e6e4e3; }
8. Silahkan cari kode berikut pada template anda : <div class='post hentry uncustomized-post-template'>
9. Copy lalu paste kode di bawah ini persis di bawah kode <div class='post hentry uncustomized-post-template'>
<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>
10. Kemudian Save Template.
Semoga Berhasil.
|
Tidak ada komentar:
Posting Komentar