Cara Memasang Bread Crumb Pada Blogger

Breadcrumbs biasanya muncul secara horizontal di bagian atas sebuah halaman web, biasanya ada di bawah bar judul atau header. Breadcrumbs menyediakan link penghubung kembali ke halaman sebelumnya setiap user menavigasi antar link untuk menuju ke halaman yang aktif atau halaman induk dari halaman yang aktif. 

Breadcrumbs memberikan jejak bagi pengguna untuk mengikuti kembali ke titik awal atau entri. Sebuah tanda yang lebih besar dari (>) sering berfungsi sebagai pemisah hirarki, meskipun dapat menggunakan simbol lainnya (seperti »atau>), serta beragam grafik.

Breadcrumb sangat penting untuk membuat blog kita SEO Friendly karena memperkaya kata kunci dalam postingan. Hal ini terbukti dari beberapa postingan blog yang saya buat muncul di halaman awal google, ternyata di pengaruhi juga oleh keberadaan breadcrumb ini.

Contoh Tampilan Breadcrumbs biasanya seperti ini:
Home page> Nama Kategori> Judul Postingan 
atau 
Home page: Nama Kategori: Judul Postingan
Cara memasang Breadcrumb di Blogger :
  • Masuk/Login ke Akun Blogger
  • Pilih akun blog kamu kemudian masuk ke menu "Template" lalu klik "Edit HTML"
  • Lalu klik tombol "Lanjutkan" untuk masuk ke menu HTML 
  • Nah setelah masuk jangan lupa centang "Expand Tempalte Widget" (4) dipojok kiri atas. 

  • Setelah itu cari kode dibawah ini, untuk mempermudah gunakan menu find dengan menekan tombol Ctrl+F 
<b:if cond='data:post.title'>

  •  
  • Tambahkan kode berikut di bawahnya

<b:if cond='data:blog.pageType == "item"'>
<a href='http://nama-blog.blogspot.com/'>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/>
</b:if>
Jangan lupa ganti tulisan warna merah (nama-blog.blogspot.com) dengan nama blog kalian
  • Nah jadi kan, Jangan lupa setelah selesai klik SAVE

Selamat Mencoba ...

Happy Blogging ^_^

0 komentar:

Posting Komentar






Selamat Datang di Blog MainTracker™
 
Free Joomla TemplatesFree Blogger TemplatesFree Website TemplatesFreethemes4all.comFree CSS TemplatesFree Wordpress ThemesFree Wordpress Themes TemplatesFree CSS Templates dreamweaverSEO Design