Pada posting saya sebelumnya, telah saya terbitkan artikel tentang tips untuk blogger, widget untuk mempercantik blog, tutorial, tweaking, dan lain sebagainya. Artikel saya kali ini masih membahas tentang seputar blogging tips, yaitu cara membuat navigasi 'breadcrumb' pada blog.
Mungkin sebagian dari anda masih bertanya - tanya, apa sih yang dimaksud dengan menu navigasi breadcrumb itu?? Tidak perlu bingung, kalau diminta untuk menjelaskan tentang pengertian navigasi breadcrumb sih saya juga ikut bingung (haha....). Nah, Daripada susah - susah tidak menemukan jawaban dari pengertiannya lebih baik lihat saja contoh pada posting saya. Setiap anda melihat posting saya secara penuh (setelah meng-expand Readmore), akan terdapat suatu link navigasi di atas judul postingnya. Itulah yang dinamakan dengan 'navigasi breadcrumb'. Sudah jelas kan?!
Okelah kalau begitu, jika ingin memasang menu tersebut di blog anda silakan simak cara yang saya jabarkan berikut ini. Semuanya saya persembahkan untuk anda para pembaca setia blog ini.
Buka Layout | Edit HTML | beri tanda cawang pada Expand Widget Template
Kemudian dengan bantuan Ctrl + F, temukan kode seperti di bawah ini :
<b:if cond='data:post.title'>
Setelah menemukan kode di atas, copy dan letakkan kode berikut ini tepat dibawahnya
<b:if cond='data:blog.pageType == "item"'>
<a href='http://namablog.blogspot.com/'>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/>
</b:if>
<a href='http://namablog.blogspot.com/'>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/>
</b:if>
Perhatikan kode yang saya beri warna merah, silakan ganti dengan URL blog anda sendiri. Langkah terakhir, simpan perubahan pada template blog anda dan lihat hasilnya.
Semoga sedikit ilmu yang saya berikan, bermanfaat bagi anda semua.
Jangan bosan berkunjung ke blog ini untuk mendapatkan tips - tips baru dari saya.
1 comments:
saya juga pake script seperti diatas
nice share mas bro :)
Post a Comment
Silakan Berkomentar Di Sini Dengan Syarat :
1. Komentar anda tidak menyinggung SARA
2. Berikan komentar yang membangun, bukan yang semena-mena
3. Tersenyumlah sambil mengetikkan 'comment'
Bagi yang hanya sekedar 'blogwalking' di sini, silakan tinggalkan keterangan web title dan URL anda.
Hormat Saya,
Arifin