Cara Membuat Breadcrumb di Blogspot, Cukup Copas 2 Kode berikut...
Cara membuat breadcrumb di blogspot/blogger ternyata tidak sulit. Banyak blogger yang sudah memposting di blognya masing-masing tentang tutorial membuat breadcrumb di blogspot seperti 'cara mudah membuat breadcrumb', 'buat template blogger seo friendly dengan breadcrumb', 'cara membuat navigasi breadcrumb', 'cara pasang breadcrumb di blog', dan lain-lain.
Pada template bawaan blogger, semuanya tidak ada yang sudah menyertakan breadcrumb, oleh karena itu kita harus memasangnya secara manual. Pada template blogger dari luar bawaan blogger.com, ada beberapa yang sudah menyertakan fitur breadcrumb, bila tidak adapun kita tetap bisa membuatnya dengan mudah.
Bagi yang belum tau apa itu breadcrumb, silahkan baca artikel sebelumnya tentang definisi breadcrumb dan fungsi breadcrumb di blogspot.
- Masuk ke blogger.com, Pilih Tab Design, Pilih Tab Edit HTML, ceklis pada Expand Widget Templates
- Cari kode ini pada template anda.
]]></b:skin>
- Copas kode berikut diatas kode ]]></b:skin> :
.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}
- Cari kode berikut di template Anda.
<b:includable id='post' var='post'>
- Copas kode berikut dibawah kode <b:includable id='post' var='post'>
<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>
- Klik Save Templates.
Kalo berhasil, maka di setiap judul postingan akan ada navigasi yang disebut breadcrumb. Sekedar catatan, sebaiknya download dulu template blogspot Anda sebelum melakukan pengeditan HTML, agar bila ada yang salah nantinya template bisa dikembalikan seperti semula.
Terima kasih telah membaca cara membuat breadcrumb di blogspot, semoga bermanfaat khususnya untuk memaksimalkan template blogspot agar lebih SEO friendly. Silahkan komen kalo ada yang ga jelas.
19 komentar:
menarik apanya masbro bloggoku? breabcrumb ya bgitu2 aja. paling ditambahin link lagi pada judulu postingan + breadcrumb muncul di homepage juga seperti di blog Lirik Lagu.
ane coba nih gan..
terima kasih..
Matur nuhun infonya...sukses.
makasih gan, dah coba berbagai cara dibeberapa blog, hanya disini aku baru bisa berhasil,,,, makasih gan
kalau muncul di homepage gmana cara nya mas...saya udah pasang yg muncul nya cuma di posting aja..mohon pencerahan nya..makish
Ternyata langkah-langkahnya sangat mudah dan terbukti berhasil.... Beda dengan tutorial blog tetangga yang ribet dan gagal...
mantap gan, thx infonya n berhasil :)
salam blogger
maknyos infonya
matur nuhun atuh kang sekali di coba oleh newbie seperti saya langsung berhasil
Terimakasih banyak Kang sule, Tutorialnya berhasil diterapkan di blog saya. Semoga blog kang sule makin eksis!
Makasi banyak kang :)
nuhun kang, sudah saya terapkan di blog saya, di tunggu kunjungan nya kang..
thanks bro triknya... gampang bgt.
Terima kasih atas tutorialnya, sob..
thanks bos. ampuh ini tutorialnya. sudah dipasang di blog saya :)
Terima kasih mas
sangat membantu
makasih gan. ane berhasil.
akhirnya dapet juga caranya.. terima kasih
jadi gitu ya caranya
thanks master
Posting Komentar