[Bulan Puasa] Cara Memasang Breadcrumb di Blog

jonygoblog.blogspot.com - Breadcrumb merupakan navigasi pd blog, yg bisa memudahkan pembaca untk menemukan artikel yg mereka cari.

Apa keuntungan memasang breadcrumb?
Memasang breadcrumb memudahkan pengunjung untk kembali ke bagian sebelumnya / ke halaman depan dgn cepat

Baca Juga: Belajar SEO untk pemula

Contoh breadcrumb :



Home>>Optimasi SEO>>SEO>>Cara Melakukan Optimasi SEO On Page merupakan contoh breadcrumb.

Sebagai contoh: Seorang pengunjung membaca artikel Cara Melakukan Optimasi SEO On Page. Setelah ia selesai membaca, si pengunjung ingin membaaca artikel lain yg masuk kategori SEO. Maka ia hanya harus mengklik tulisan "SEO" yg ada di kiri link artikel.

Untuk pemasangannya sebagai berikut:

• Login ke Blogger
• Klik Template
• Kemudian Edit HTML
• Letakkan kode berikut sebelum kode]]></b:skin>

.breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:95%; line-height:1.4em; border-bottom:4px double #cadaef}

• Setelah itu, cari kode seperi ni <div (Tekan CTRL+F untk memudahkan pencarian)
• Letakkan kode berikut ni setelah kode <div

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url'><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>

• Simpan Template

Sekian artikel ni semoga bermanfaat. Terima kasih telah meluangkan waktu anda untk membaca
Selamat mencoba menerapkan di blog sobat...

source : http://merdeka.com, http://news.detik.com