Cara Pasang Breadcrumb Navigasi - Breadcrumb Navigasi merupakan salah satu bagian dari SEO dan google sangat menganjurkan untuk memasang Breadcrumb Navigasi tersebut. Bagi yang belum tahu pengertian Breadcrumb Navigasi menurut si mbah google bahwa Breadcrumb Navigasi adalah sbb :
Breadcrumb adalah sebaris tautan internal pada bagian atas atau bawah laman yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke laman dasar dengan cepat. Banyak breadcrumbs memiliki laman yang paling umum (biasanya laman dasar) sebagai tautan pertama dan paling kanan dan memuat bagian yang lebih spesifik keluar ke sisi kanan.
Keuntungan sebuah blog di pasang Breadcrumb Navigasi menurut informasi bahwa di mesin pencarian (SERP) url yang ditampilkan adalah kategori dari postingan dan dengan di pasangnya Navigasi Breadcrumb seo ini, blog anda bisa bersaing untuk mendapatkan posisi top di google SERP, semoga saja ya.
Anda tertarik untuk memasang Breadcrumb Navigasi SEO di blog anda, dibawah ini adalah langkah langkah Cara Pasang Breadcrumb Navigasi untuk Blogspot, karena kebetulan blog saya memakai blogspot dan untuk wordpress caranya dengan menginstall plugin Navigasi Breadcrumb, so untuk anda yang mau memasang Breadcrumb Navigasi silakan di baca dulu langkah langkahnya selanjutnya praktekan :
1. Masuk ke Layout > Edit HTML > checklist Expand Widget Templates.
2. Sebelum mengedit template Anda, Anda mungkin ingin menyimpan sebuah salinan dari template tersebut. Download Template terlebih dahulu.
3. Copy Paste kode berikut sebelum kode ini ]]></b:skin>
.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}
4. Cari kode <b:includable id='main' var='top'> copy paste kode dibawah ini letakkan di atas kode <b:includable id='main' var='top'>
<b:includable id='breadcrumbs' var='post'>
<!-- Breadcrumbs By Warung Seo http://kutak-ketik.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
Go  :
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> >
<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>
</b:loop>
<b:if cond='data:post.title'>
> <b><data:post.title/></b>
</b:if>
</b:if>
</span>
</p>
</b:if>
<!-- End of Breadcrums Hack -->
</b:includable>
5. Selanjutnya cari kode <b:loop values='data:posts' var='post'> (biasanya ada 2 atau 3 kode yg sama pilih kode yang pertama untuk yang 2 kode yang sama, sedangkan untuk yang 3 kode yang sama pilih yang kedua) dan copy paste kode berikut dan letakkan di bawah kode <b:loop values='data:posts' var='post'>
<b:include data='post' name='breadcrumbs'/>
6. Simpan Template dan lihat hasilnya
Semoga berhasil dan bermanfaat, jika dalam praktek tidak berhasil pastikan anda untuk membacanya sekali lagi, awalnya saya juga susah tapi berhasil juga..he..he..
BUKU PANDUAN LENGKAP CARA CEPAT HAMIL, Untuk Pemesanan Klik Banner di Bawah Ini!!
Buku Panduan Lengkap Cara Cepat Hamil ini resmi diterbitkan oleh penerbitan online Digi Pustaka dan hingga saat ini sudah naik cetak sebanyak 5 kali Bonus KONSULTASI GRATIS.
Mampir ke blog ane yaa, kawanku terima kasih, salm kenal
ReplyDeleteterima kasih mas, ini sangat mencerahkan bagi pemula seperti saya
ReplyDeleteweleh weleh..mantap pisan kang....nyimak dulu ah....
ReplyDeleteInfonya bagus banget mas buat blog amatiran seperti saya....
ReplyDeletetukeran link tuk Mas??
Oh.. Begitu yah caranya. Makasih mas.
ReplyDeletepengen nyoba neh ... blog q kagak ada breadcrumbnya ...
ReplyDeletesob mantap crumsnya... thnk yah ini crumb yang gw cari
ReplyDeletekok saya bread... nya dibawah ya? bagaiman supaya jadi diatas?
ReplyDeletemantp gan..
ReplyDeleteini yang saya cari... thanks tutorialnya
ReplyDeleteNice Post ... :)
ReplyDeleteMantab infonya... udah berhasil saya coba...
ReplyDeletesalam kenal...
Trimakasi Bang ....udah Jadii neee
ReplyDeleteWaw! berhasil dengan mulus Mantap....
ReplyDeleteThanks buat tutorialnya ;)
thanks mas bro
ReplyDeletemksh infonya..
ReplyDeleteTerimakasih Gan, g perlu muter2 cari di gugel, langsung ketemu deh cara mantabnya di sini.
ReplyDeletemantap gan, thanks yah...
ReplyDeleteterima kasih gan, emang lg nyari yg seperti ini dalam rangka rehab blog.... :)
ReplyDeleteKok di blog ane gak muncul ya gan, breadcrumbsnya? soalnya yang langkah terakhir di kode html ane aga banyak banget gan, lebih dari 3, gimana tuh, ampe ada 6... -.-"
ReplyDeletewahhh mksih tipsnya gan :)
ReplyDeleteTerimakasih sob, langsung praktek dan berhasil :) salam blogger
ReplyDeletelangsung pasang di blog aku, thanks ya?
ReplyDeletegan kode ini kok gak ktemu ya?
ReplyDeletegimana solusinya?
""
Hatur nuhun infonya kang, salam kenal dari saya.
ReplyDeletemantap langsung dipraktekan bos.. thanks
ReplyDeletethanks gan,izin praktek :D
ReplyDeleteakhirnya setelah keliling kaeliling blog sebrang dan sampailah disini, Thanks 100% work
ReplyDeletesangat bermanfaat buat blogz saya..makasih
ReplyDeletenice info gan...!
ReplyDeletetp gk bsa di pasang tmpat ane nih...
mohon mampir ketempat ane yea gan....
saya juga akhirnya pasang juga tinggal nunggu effectnya dari google nie :)
ReplyDeletethanks,triknya bekerja :)
ReplyDeleteGan, ane yang nya ada lima, jadi pilih yang mana?
ReplyDeletenice info gan,,thnks ya. salam persahabatan ya
ReplyDeleteijin praktekin gan, buat nyempurnain blog ane, terima kasih gan....
ReplyDeletemas, ada tutorial untuk memasangnya di wordpress? yang mana bisa menampakkan semua tag, categori dan pages?
ReplyDeleteThanks.