Cara Membuat Breadcrumb-navigation
Posted by Abdul Roqib | Thursday, November 26, 2009
38
comments
Tidak hanya itu dengan adanya breadcrumb-navigation maka pembaca dapat dengan mudah melihat posisi artikel yang di baca serta mencari artikel dalam satu kategori. breadcrumb-navigation bisa di pasang pada template blogger dengan sedikit modifikasi templatenya, dengan begitu breadcrumb-navigation akan lebih mudah jika langsung di praktekkan.
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.
11. Tunggu beberapa saat sampai template anda tersimpan. Setelah selesai lihat pada posting anda tepatnya di atas judul artikel untuk menentukan berhasil tidaknya anda memasang breadcrumb-navigation. Jika berhasil maka breadcrumb-navigation nya akan tampil seperti di atas judul posting ini.
Selamat mencoba..
Categories:
Blogger tutorial
If You Like This Post, Share it With Your Friends & Peers
38 comments: to "Cara Membuat Breadcrumb-navigation"
Mengamankan Pertamaxxxx dulu
Thanks, infonya mas langsung praktek.
artikel yang bgus mas. Lam kenal
thanks sob buat tutorialnya, sangat berguna buat saya yang masih newbie ini.
salam kenal ya.
waahh, thanks gan buat tutorialnya. Bolehkah saya cantumkan blog mas Abdul Roqib di daftar blog dofollow saya?
sangat berguna om,terima kasih karna saya juga masih newbie dalam buat blog..
wih.. manteb ... berhasil.. makasih ya mas...
kunjugi balik.ya
yang komentar diatas semua cuma mengharap kunjungn blik,,hiahh,,
semuanya cuma memuji..
artikelnya bagus,,tapi saya mau nanya dong mas,,
di tempalate ku ga ada tuh
post hentry uncustomized-post-template
bagaimana solusinya,tolong..
makasih ! tapi kayaknya tidak semua temple blogger punya kode
post hentry uncustomized-post-template , contohnya blog saya gak isi kode itu, cuman isi
div class='post hentry
gimana tuh ?
Makasih ya atas infonya, ini sangat bermanfaat bagi saya yang masih newbie
salam kenal gan, tararengkiu atas infonya
terimakasih udah sharing, berkunjung untuk blog travelling...thanks ya
ok thanxs infonya gan.........
wah mantab gan infonya, nice share,,
wah bagus juga buat tutornya.,.,.,.,!!!
mkasih bos atas infonya.
buat mas anonim : saya tidak mengharapkan kunjungan cuma saya bener-bener perlu tutorial ini karena meski saya sydah lama ngeblog masalah utak atik blog belum bisa sama sekali
hoorreeee..............
punyaku dah jadi kang...
makasih ya atas tutor_nya..
thanx....
bisa minta tips yang lain gak...??
wah,,
berhasil 1000%
terimakasih infonya KAng,
http://tanpa-isi.blogspot.com
terima kasih infonya
thanks gan :) di coba dulu
kunjungannya yah : Gecok
thanks gan artikelnya sangat membantu...!!!
Great article, thanks this works for my blogspot blog
This isn't work for new template :(
makasih tipsnya mas,, udah terpasang d blog ane..., :D
saya cobain dulu
wah, mangstab.....berhasil sob. Makasih
Terima kasih banyak atas tutorial breadcrumbs nya Sob..sangat membantu sekali. Senang sekali berunjug ke mari :)
Mkasih bang abdul tutorial membuat breadcumb nya, berguna neeh bwat SEO
membingungkan tuh buat pemula seperti saya http://toko-news.blogspot.com ... wkkwkwkw
menambah penhetahuan saya nih.. yuuk pada tukar link sama toko blog
Sukses dengan selamat kang....
Terima kasih atas tips nya yang sangat berharga
Assalamualaikum,..
saya sudah coba,..tp kok ga berhasil..kalo saya boleh meminta,..bisa ga saya ngopy / minta file template mas?? kalo boleh,..saya minta file template kayak punya mas, dan di kirim ke email ya mas,..saya masih pemula,..ga paham dengan otak atik template,..berkali kali coba kok ga pernah jadi,.. Makasih ya mas,... ^^,
tambah wawasan ni...
salam kenal sobat,
breadcrumb atau dikenal dengan menu navigasi memang sangat berguna untuk pengontrolan navigasi cepat juga dalam mengklasifikasikan setiap content di blog kita.
artikel ini memang sangat berguna..thanks udah di post sobat
Assalamu'alaikum Warahmatullahi Wabarakatuh...Jazakallahu Khairan atas berbagi ilmunya sahabat.
Langsung dipraktekkan
mas saya izin pake caranya ! thanks banget sebelumnya !
hemm....aku udah praktekin sob
tapi kagak berhasil..
gimana tuch??
bisa bantu!!
Post a Comment
What's your comment about Cara Membuat Breadcrumb-navigation, type in the comment form below. Please Don't Spam.!!!