Memasang Navigasi Breadcrumb Pada Blog

Sahabat Kapesi - Memasang Navigasi Breadcrumb pada blog kita merupakan hal yang baik, di karenakan dengan Memasang Navigasi Breadcrumb Search Engine dapat dengan mudah mengindek halamn blog kita.

Dengan demikian Memasang Navigasi Breadcrumb dapat meningkatkan kualitas hasil pencarian pada blog kita. Jika dapat mempermudah hasil pencarian oleh Search Engine otomatis blog kita akan banyak pengunjungnya.

Untuk itu langsung saja Sahabat Kapesi  bagai mana cara membuat dan Memasang Navigasi Breadcrumb
1. Login ke blog > > rancangan > > Edit HTML

2. Beri centang 'expand widget templates' sebelum ke tahab selanjutnya ada baiknya Sahabat Kapesi membeck up Kode Html Blog Sahabat Kapesi terlebih dahulu bisa di liat Cara Back Up Kode HTML Blog.


3. Setelalh Back Up, Lalu cari kode < b:if cond='data:post.title' >  (CTRL+F cara cepat mencari kode) Jika ada dua kodenya pilih yang pertama.

4. Kemudian copy kode dibawah letakkan dibawah kode < b:if cond='data:post.title' > tadi.

<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>

5. Kalau sudah cari lagi kode ]]>< /b:skin >
6. Copy kode CSS berikut ini letakkan di atas kode  ]]>< /b:skin > tadi.

.breadcrumb { padding:5px 5px 5px 0px; margin: 0px 0px 10px 0px; font-size:90%; line-height: 1.2em; border-bottom:3px double #e6e4e3; }

7. Jika sudah SAVE template sobat , lihat hasilnya

Selesai, jika berjalan tolong di Like ya Sahabat Kapesi


diambil dari berbagai sumber dengan pengeditan seperlunya