Trik Blogger

Cara memasang Breadcrumb Navigasi di Blog - Menu navigasi breadcrumbs

Sebelum melanjutkan Trik Bloger hendak menjelaskan dahulu apa itu Breadcrumb Untuk lebih jelasnya perhatikan tulisan kecil yang ada di atas judul posting ini,

apakah anda melihat 

 

nah.. itulah yang Trik Bloger akan ajarkan kali ini.

Kembali ke langkah, trik berikut merupakan menu hirarki untuk mengelompokkan artikel dalam suatu kategori atau label yang sama. Bila di template Anda belum terdapat menu navigasi breadcrums ini dan Anda ingin memasangnya, berikut ini langkah-langkahnya.

#breadcrumbs {<br>padding:5px 5px 5px 0px;<br>margin: 0px 0px 15px 0px;<br>font-size:10px;<br>line-height: 1.4em;<br>border-bottom:3px double #333;<br>}

<b:if cond='data:blog.pageType == &quot;item&quot; '><br><div id='breadcrumbs'><br>Browse: <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><br><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'> &gt; </b:if><br></b:loop><br></b:if> &gt; <a expr:href='data:post.link'><data:post.title/></a><br></div><br></b:if>

Kalau <a expr:name='data:post.id'/> tidak ketemu, cari kode yang ini <b:if cond='data:post.title'>. Kemudian copy kode tadi dan paste di atasnya.

• Langkah Terahir klik Simpan Template

Coba lihat hasilnya.. jika ada pertanyaan silahkan tanyakan kepada admin Trik Bloger lewat kolom komentar di bawah.

Rekomendasi Post