Info Baru
Hosting Unlimited Indonesia

Definisi dan Cara Pasang Breadcrumb di Blogger

jogjamitsubishi jogja kredit murah mitsubishi all new pajero sport wilayah jogja jateng delaer resmi mitsubishi jogja


Definisi dan Cara Pasang Breadcrumb di 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
Breadcrumb pada blog blankON-ku



Cara memasang Breadcrumb di Blogger :
  • Masuk/Login ke Akun Blogger
  • Pilih akun blog kamu kemudian masuk ke menu "Template" (1) lalu klik "Edit HTML" (2) lihat gambar dibawah ini klau belum jelas

  • Lalu klik tombol "Lanjutkan" (3) 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 (5)
<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

 Semoga Postiongan ini bisa bermanfaat buat blogger mania dalam menambah ilmu tentang Blog
Trims kunjungannya, See You ...




10 Postingan Terbaru :

6 Responses to "Definisi dan Cara Pasang Breadcrumb di Blogger"

  1. Sudah saya pasang, tetapi saya tidak bisa melihat hasilnya

    ReplyDelete
    Replies
    1. kemungkinan karena template ms nya template toko online, itu biasanya meletkkan skripnya yang agk berbeda sedikit karena template tersebut sudah modif, beda dengan template yang masih original akan lebih mudah.

      Delete
  2. Tutorialnya sangat bermanfaat,semoga blog saya cepat naik rate nya setelah menerapkan semuanya,terimakasih.
    http://sejarahmusikgrunge.blogspot.com/

    ReplyDelete
  3. kunjungan balik sob
    http://easycomputer21.blogspot.com

    ReplyDelete
    Replies
    1. Trims Son visitnya, dah ane visit balik + komen

      Delete