Lano Blog
Kamis, April 03, 2025

» » Cara Membuat Menu Navigasi Breadcrumb

Cara Membuat Menu Navigasi Breadcrumb

M
enu navigasi breadcrumbs merupakan menu hirarki untuk mengelompokkan artikel dalam suatu kategori atau label yang sama.mungkin dengan memasang menu navigasi breadcrumbs ini blog kita akan lebih seo friendly.Bila di template Anda belum terdapat menu navigasi breadcrums ini dan Anda ingin memasangnya, berikut ini gambar untuk menu navigasi breadcrumbs.


1. Masuk ke akun Blogger Anda.

2. Klik Rancangan.

3. Klik tab Edit HTML.

4. Klik Download Template Lengkap, untuk mengantisipasi jika terjadi kesalahan dalam mengedit template.

5. Beri tanda centang pada Expand Template Widget.

6. Cari kode ]]></b:skin>. Bila Anda menggunakan browser Mozilla Firefox, tekan tombol Ctrl + F, lalu masukkan kode yang dimaksud untuk memudahkan pencarian.

7. Copy kode berikut dan paste di atas kode ]]></b:skin>.

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

8. Selanjutnya cari kode <div class='post hentry uncustomized-post-template'>

9. Kalau tidak ketemu, cari kode yang ini <div class='post hentry'>

10. Kemudian copy kode berikut ini dan paste di bawah kode tersebut.

<b:if cond='data:blog.pageType == &quot;item&quot; '>
<div id='breadcrumbs'>
Browse: <a expr:href='data:blog.homepageUrl'>Home</a> &gt; <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 != &quot;true&quot;'> &gt; </b:if>
</b:loop>
</b:if> &gt; <a expr:href='data:post.link'><data:post.title/></a>
</div>
</b:if>

11. SIMPAN.


HABIS BACA JANGAN LUPA LIKE FANSPAGE KAMI DIBAWAH YA SOB..

Artikel Menarik Lainnya

Tips And Trick Blogger
Label: ,