Artikel saya
kali ini akan membahas tentang fitur navigasi yang terletak di atas
atau bisa juga di bawah judul postingan, yang biasa kita kenal dengan
nama breadchumb. Pengertian breadcrumb sendiri kurang lebihnya
adalah suatu navigasi yang berisikan kategori atau label dari
postingan dan bisanya selalu di awali dengan tombol menuju home
(halaman depan blog).
Pada dasarnya Breadcrumb merupakan
navigasi seo sebaris dengan tautan internal yang memungkinkan
pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke halaman
depan dengan cepat. Games PC Software
Jadi simple-nya seperti ini : search engine selalu membaca label atau tags setiap postingan blog, karena saat ini google sudah tidah menggunakan meta tag keyword lagi untuk mengindeks suatu website/blog, maka yang jadi perhitungan google saat ini adalah meta description dan label (kategori). Maka dari itu semakin relevan sebuah label dengan isi postingan (artikel) maka akan semakin mendapatkan kesempatan tampil di halaman depan google.
Langsung saja pada langkah-langkah pembuatan breadchumb ini : :
- Seperti biasa anda harus login ke Blogger.
- Langsung tuju Edit HTML.
- Klik Expand Template Widget.
- Letakkan kode berikut ini tepat sebelum kode ]]></b:skin>
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}
- Setelah itu, cari kode seperti ini :
<div class='post hentry'>
- Letakkan kode berikut ini tepat setelah kode <div class='post hentry'>
<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' 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>
Itu
dulu teman-teman penjelasan dari saya, waktu sudah menunjukkan jam
23.41 menit WIB, jadi udah waktunya tidur nih. Besok saya akan lanjutkan
kembali dengan tutorial yang lain.
Semoga bermanfaat
Mantap... trims atas ilmunya & ijin pake, gan... mg tmbh kebaikan
BalasHapus