Cara Memasang Navigasi Breadcrumb

Navigasi Breadcrumb berfungsi untuk memudahkan pengunjung untuk menemukan artikel yang ingin di cari dan juga dapat mempermudah untuk kembali ke halaman sebelumnya, karena Navigasi Breadcrumb ini terdiri dari beberapa link yang berisikan label /kategori.
Breadcrumb ini juga bisa Untuk Membuat Blog anda Menjadi SEO seperti yang di jelaskan di postingan sebelumnya, coba Cek di sini Cara mengedit Blogspot agar SEO Friendly
Untuk sobat yang ingin memasang Navigasi Breadcrumb di blog, silahkan ikuti langkah-langkah di bawah ini 






1. Masuk ke Edit HTML blog terlebih dahulu, oh ya, jangan lupa untuk melakukan backup template terlebih dulu yah

2. Beri centang pada Expand Widget Templates

3. Cari kode ini ]]></b:skin>

4. Setelah ketemu copy kode berikut di bawah kode ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #e2e7b4;
}
.breadcrumbs a {
text-decoration:none;
color: #000000;
}

5. Kemudian cari lagi kode ini <div class='post hentry'>

6. Setelah ito copykan kode berikut persis di bawah kode di atas

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>MASUKKAN KEYWORD BLOG DI SINI</a> &#187; <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;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

7. Pada bagian MASUKKAN KEYWORD BLOG DI SINI ganti dengan keyword blog milik sobat, atau bisa juga di ganti dengan tulisan HOME, BERANDA dan sejenisnya

8. Simpan template dan lihat hasilnya.
Happy Blogging Sobat Blogger

2 komentar:

Berkomentarlah yang sopan, terkait dengan konten, tidak promosi dan tidak SPAMING.!!
Komentar yang tidak tidak mengindahkan aturan di atas, mohon maaf akan saya hapus.