Menu Breadcrumbs adalah bantuan navigasi yang digunakan dalam user interface di website/blog. Hal ini memberikan pengguna cara untuk melacak lokasi mereka dalam sebuah website/blog. Dengan memasang menu breadcrumbs, memungkinkan agar blog kita lebih SEO friendly dan lebih mudah terindex oleh mesin pencari.
Cara membuat menu breadcrumbs sangat mudah. Bagi sobat blogger yang tertarik, silahkan ikuti langkah-langkah di bawah ini.
1. Masuk ke akun blog sobat
2. Pilih design kemudian edit HTML
3. Jangan lupa expand template widget
4. Untuk menghindari kesalahan, sebaiknya download full template dulu
5. Kemudian masukkan kode di bawah ini di atas ]]></b:skin>
#breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:10px;
line-height: 1.4em;
border-bottom:3px double #333;
}
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:10px;
line-height: 1.4em;
border-bottom:3px double #333;
}
6. Kalau sudah, berikutnya cari kode berikut.
<div class='post hentry uncustomized-post-template'>
Kalau tidak ada, cari kode
<div class='post hentry'>
7. Kemudian pastekan kode berikut di bawah kode tadi
<b:if cond='data:blog.pageType == "item" '>
<div id='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> > <a expr:href='data:post.link'><data:post.title/></a>
</div>
</b:if>
<div id='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> > <a expr:href='data:post.link'><data:post.title/></a>
</div>
</b:if>
8. Simpan pekerjaan sobat.
Semoga bermanfaat.
Alhamdulillah...
kq lom muncul ya gan... ?? :(
BalasHapusBisa kok sob, coba periksa dulu mungkin ada yang salah dalam meletakkan kodenya. Kalo ada masalah silahkan tanya lagi sob...
BalasHapuskok blm kluar ya sob..
BalasHapuskang..
BalasHapuskode "<div class='post hentry'>"
sama kode "<div class='post hentry uncustomized-post-template'>"
~x( ~x(
ko ga ada ya dikode html saya
padahal make Find lhoo carinya
brarti ndak bisa di kasih menu breadcumb?
:o :o
http://www.123horas.blogspot.com
Mohon bantuannya kang... :D
@123horas Kok bs gak ada sob? Udah di expand template widget belum?
BalasHapus@ kang Ferri
BalasHapushehe.. iya kang.. Blon.. lupaaaa.......
:)) :)) :)) :))
Sepp Kang...
Lihat Hasilnya Di Blog sayaa..
123horas.blogspot.com
:D :D :D
Oiyaa.. cara gantinya biar tulisannya ngga warna Ijo gimana kang?
sip gan!
BalasHapuswah... baru tau ternyata navigasi breadcrumbs tuh menunjang SEO juga ya? hehe..
Mantap tutorialnya, ane coba dulu gan bikin breadcrumbsnya..
BalasHapusmantap gan! saya baru aja pasang... ditunggu kunjungannya... masih pemula nih. hehhee
BalasHapusThanks. Kalo ngubah ukuran font-nya dimana yah, supaya rada besar. Lihat dulu di blog Saya.
BalasHapusSaya coba dan berhasil...
BalasHapusTerima kasih berbagi ilmunya mas...Siip lah
@all : thanks all jika triknya berhasil..klo ada error tanya sini ntar di benerin deh ^^
BalasHapuskok diblogku engga bisa ya? apa salah peletakan codenya?
BalasHapusmohon petunjuk, maaf neh nembie..:)
Mantap ilmunya. Thanks sdh share.
BalasHapusmatur suwon mas, tapi ndek SERP kok ora muncol, kiro 2 kapan yo Breadcrumbs di index ndek SERP.
BalasHapusterima kasih atas panduannya ya ga n
BalasHapusklo untuk platform wordpress bisa gx??
BalasHapusmakasih mas,tutornya berhasil.
BalasHapusLangsung praktek kebetulan di templata aku nggak ada
BalasHapusthanks sob..
nice post gan ane suka banget tahnk you yah
BalasHapussungguh luar biasa
BalasHapussungguh tidak kusangka
BalasHapusterimakasih atas info yang luar biasanya den
BalasHapusnice post gan terimakasih
BalasHapussungguh luar biasa seksli ..terimakasih atas penerangannya
BalasHapusnice post......... semoga blog ini tetap keren sepanjang masa
BalasHapusterimakasih atas informasinya yang bermanfaat itu tuh,,, luar biasa
BalasHapuspostingannya sangat menari gan,,
BalasHapusnice infonya.... sukses terus ea ditunggu artikel selanjutnya!!!
BalasHapus
BalasHapusditunggu artikel selanjutnya gan
BalasHapusthanks infonya gan,,,