Cara Membuat Menu/Navigasi Breadcrumbs di Blogger/Blogspot

Menu/Navigasi Breadcrumbs adalah navigasi yang berada pada permukaan posting dan memberitahuakn urutan isi page menurut rootnya (Home) hingga ke posting/artikel. 

Menu ini seringkali ditemui pada blog/website berplatform WordPress, dimana urutan navigasinya dimulai berdasarkan Home > Parental Category > Subcategory > Posting. Di Blogger/Blogspot, kita jua dapat melakukan hack navigasi breadcrumbs menggunakan menurut pada label: Home > Label > Posting. Menu ini akan ada dalam page posting, label, arsip, dan nir muncul pada bagian homepage.

Menu/navigasi breadcrumbs jua membantu mempertinggi SEO dan SERP, yaitu pada pemetaan oleh search engine dan juga menambah kepadatan keyword, mengingat letaknya yang berada pada permukaan posting. 

Cara Membuat Menu/Navigasi Breadcrumbs pada Blogger/Blogspot:
1. Masuk ke dashboard > Design/Rancangan > Edit HTML, jangan lupa centang (check) "Expand Widget Templates" pada pojok kanan atas kotak edit HTML.
2. Cari (gunakan Ctrl+F) ]]> dan tambahkan aturan CSS berikut pada ATAS-nya:
.breadcrumbs padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;
3. Cari (Ctrl+F) kemudian masukkan kode ini TEPAT pada BAWAH/SETELAH-nya:
4. Cari (Ctrl+F) lalu masukkan script berikut TEPAT pada ATAS/SEBELUM-nya:



Home
»
»Unlabelled
»




Home » Archives for




Home » All posts
Home » Posts filed under


5. Pastikan semua kode telah di-copy dan diletakkan menggunakan sahih, lalu save.

note: lantaran banyaknya dilema yg disampaikan ketika mengedit, perhatikan benar-benar instruksinya dan pahami istilah di bawah/setelah dan di atas/sebelum, itu berarti letakkan kode benar-benar selesainya atau sebelum kode yg dicari. Contoh:
Kita lihat pada situ ada 2 tag bersisian, jika anda harus memasukkan tag/kode baru pada bawah/setelah , itu berarti anda wajib meletakkan benar-benar setelahnya, sehingga harus digeser posisinya, atau kode/tag baru disisipkan pada antara keduanya, jadinya:

Enjoy menu breadcrumbs baru pada Blog Blogger/Blogspot-mu!
mencuri adalah pekerjaan pengecut! © tentang-soal.blogspot.com

Tidak ada komentar untuk "Cara Membuat Menu/Navigasi Breadcrumbs di Blogger/Blogspot"