Membuat Navigasi Breadcrumbs
Membuat Navigasi Breadcrumbs
Navigasi Breadcrumbs, ya navigasi ini tentunya sangat membantu kita dalam menelusuri dimana kita sekarang, artinya kita mempunyai patokan arah isi blog karena adanya Navigasi Breadcrumbs. Yang termasuk di sukai oleh Google adalah menu navigasi breadcrumbs yang berada di blog kita, karena kita dapat mengetahui dan dimana kita sedang menelusuri isi blog tersebut.
Contoh tampilan breadcrumbs adalah seperti ini :
Navigasi Breadcrumbs ini juga dianjurkan oleh Google, karena termasuk di dalam SEO blog kita. Untuk membuatnya mari simak tutorial di bawah ini :
1.Silahkan anda masuk ke blogger dengan menggunakan ID sendiri
2.Setelah masuk ke dasbor langsung klik rancangan
3.Kemudian klik "edit html"
4.Sebelumnya untuk jaga-jaga anda bisa "download template lengkap terlebih dahulu
5.Centang "Expand Widget Templates"
6.Setelah itu anda cari kode seperti dibawah ini :
<b:if cond='data:post.title'>
7.Kemudian copy kode script dibawah ini dan letakkan di bawah kode no.6.
<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>
<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>
8.Selanjutnya anda cari kode ]]></b:skin>
9.Kemudian copy paste kode dibawah ini, dan letakkan diatas kode no.8
.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}
10.Kemudian simpan template.
Sekarang lihat hasilnya...semoga berhasil...
Membuat Navigasi Breadcrumbs
9out of 10 based on 10 ratings. 9 user reviews.
Posted by : Gadis ~ / Software, Blog Tips and Trik, Tutorial , Internet, Bisnis
Artikel Membuat Navigasi Breadcrumbs diposting oleh Gadis . Terima kasih atas kunjungannya. Kritik dan saran dapat disampaikan via kotak komentar.. Jika diperlukan Artikel ini bisa disebarluaskan melalui blog sobat, hanya mohon sebutkan sumbernya dengan tautan link aktif ke postingan ini. Terima kasih. Happy blogging
0 komentar:
Posting Komentar