Cara Membuat Breadcrumb di Blogspot

Masih tentang tutorial blogspot, kali ini saya ingin share tentang cara membuat breadcrumb di blogspot. Navigasi Breadcrumb merupakan salah satu plugin milik WordPress yang berfungsi untuk memudahkan pembaca dalam menelusuri sebuah halaman blog, jadi ibarat sitemap atau peta di dalam blog. Tidak hanya itu saja, dengan adanya breadcrumb ini kekuatan blog bisa semakin meningkat dalam kaitannya dengan SEO.

Cara Membuat Breadcrumb di Blogspot

Cara Membuat Breadcrumb di Blogspot
Selain dapat memudahkan pembaca dalam mengetahui lokasi yang sedang di telusuri, plugin ini juga berperan penting dalam optimasi search engine (SEO) on page. Saya kira dengan diterapkannya breadcrumb ini mampu membius pengunjung untuk bisa berlama-lama di blog kamu. Berikut langkah-langkah yang tepat sebagai cara memasang breadcrumb di blogspot
  1. Langsung tuju blogger.com
  2. Masuk ke Rancangan dan klik Edit HTML
  3. Centang 'Expand Template Widgets'
  4. Cari kode <b:if cond='data:post.title'>
  5. Kemudian letakkan kode berikut dibawah kode yang diatas
  6. <b:if cond='data:blog.pageType == "item"'>
    <div class='breadcrumb'>
    <a expr:href='data:blog.homepageUrl' rel='tag'>Home</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 != "true"'>,</b:if></b:loop> &#187; </b:if> <data:post.title/></div></b:if>
  7. Selanjutnya cari kode ]]></b:skin> 
  8. Letakkan kode CSS berikut tepat diatas kode ]]></b:skin> 
  9. .breadcrumb {padding:5px 5px 5px 0px; margin:0px 0px 10px 0px; font-size:90%; line-height:1.2em; border-bottom:2px double #e6e4e3;}
  10. Save/Simpan dan lihat hasilnya
Baca Juga :
Note : kode pada setiap template mungkin berbeda-beda, jadi silahkan disesuaikan saja kode diatas pada template masing-masing. Selamat mencoba tutorial cara membuat breadcrumb di blogspot yang jika masih ada kesulitan silahkan tuliskan pada kolom komentar dibawah ya. Semoga bermanfaat terutama bagi yang sedang belajar ngeblog. Terimakasih sudah berkunjung.

0 Response to "Cara Membuat Breadcrumb di Blogspot"

Posting Komentar