Cara Memasang Breadcrumb di Blogspot

CARA membuat,menampilkan, memunculkan, atau memasang breadcrumbs di blog blogspot ini, untuk Anda yang template blognya belum dilengkapi breadcrumbs. Yang sudah ada, tentu saja tidak usah lagi memasang kodenya.

Bagi yang belum tau, breadcrumb adalah navigasi blog berupa "judul kecil" di atas judul posting blog, yang disertai nama label/kategori dan navigasi "home".

Breadcrumb merupakan salah satu "trik blog" karena menjadi navigasi yang berisikan label/kategori posting dan bisanya diawali dengan tombol menuju "home" (halaman depan blog/beranda/homepage).

Contohnya? Lihat navigasi berupa "judul kecil" atas judul posting yang sedang Anda baca ini. Ini breadcrumb-nya: Home? Tips SEO Blog? Cara Memasang Breadcrumb di Blogspot. Dengan adanya breadcrumb, maka itu memudahkan user untuk kembali ke halaman depan (tinggal klik "Home") atau menemukan posting lainnya di label yang sama (tinggal klik "Tips SEO Blog".

Cara Membuat/Memasang Breadcrumb di Blogspot

Ini cara terbaik memasang breadcrumbs. Kode berikut tidak akan membuat breadcrumbs menggantikan Permalink posting blog kita di hasil pencarian Google.

1. Klik "Template" > "Edit HTML"
3. Cari (Ctrl+F) kode ]]>
4.Copy + Pastekode berikut ini tepat sebelum kode ]]>

.breadcrumbs{padding:5px 5px 5px 0;margin:0;font-size:90%;
line-height:1.4em;border-bottom:1px dotted #ccc}

5. Cari kode

dan Copas kode berikut ini tepat setelahnya:

6. SAVE Template!

Mudah 'kan cara memasang breadcrumb di Blogspot? Oh.... gak muncul? Coba cara lainnya berikut ini.

Cara Lain Memasang Breadcrumb Blog

1. Simpan kode di bawah ini tepat di atas kode ]]>

.breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3;}

2. Cari dan Ganti kode dengan kode di bawah ini

3. SAVE Template!

Masih gak muncul juga itu breadcrumb? Ah... masa sih...! Coba lagi ini yang kata sihCara Memasang Breadcrumb di Blogspot yang SEO Friendly.

Breadcrumb Blogspot SEO Friendly

1. Simpan kode berikut ini di atas kode]]>

.breadcrumbs{padding:0px 5px 5px 0;margin-bottom:20px;margin-top:0px;font-size:11px;color:#5B5B5B;border-bottom:1px dotted #bbb;}

2. Temukan kodedan ganti dengan kode berikut ini:

Itulah Cara Memasang Breadcrumb di Blogspot untuk kepentingan user. Tapi, pentingkah breadcrumb bagi SEO Blog? Akan dibahas di posting lain.

Good Luck and Happy Blogging!

reff : http://www.contohblog.com/2013/10/cara-memasang-breadcrumb-di-blogspot.html

Related video : Cara Memasang Breadcrumb di Blogspot