Memasang BreadCrumb

Memasang BreadCrumb adalah salah satu trik ngeblog agar blog lebih SEO Friendly. mari sedikit kita ulas apa itu BreadCrumb?. BreadCrumb dalam bahasa Indonesia diartikan dengan "remah roti". Dari arti tersebut dalam definisi yang sebenarnya bukanlah itu tetapi sebuah navigasi halaman yang berfungsi untuk memudahkan user untuk menavigasi halaman blog atau website.

Selain untuk mempermudah user, BreadCrumb juga termasuk teknik SEO yang sangat disenangi search engine karena robot akan dengan gampang mengcrawl halaman blog kita. dapat kita lihat tampilan BreadCrumb pada search engine dibawah ini

Pada gambar di atas yang dilingkari warna ungu adalah index search engine dalam hal ini google merupakan dari breadcrumb yang kita buat sebelumnya.

Apakah Anda ingin index search engine google seperti itu? mari kita langsung saja mengerjakan Cara Memasang BreadCrumb Pada Blog Blogger

1. Masuk pada ID blogger anda di Blogger.com
2. Masuk pada tata letak atau layout kemudian pada tab klik edit HTML
3. Sebelum memasang BreadCrum backup lah template Anda terlebih dahulu, caranya Click Download Full Template and please back up your template first. Untuk menghindari bila sewaktu-waktu ada kesalahan.
4. Beri tanda centang pada kotak kecil yang bertuliskan tulisan Expand Template Widget
5. Cari kode ]]></b:skin> lebih singkat tekan Ctrl+F
6. Copy dan paste kode di bawah ini diatas kode ]]></b:skin> tadi

01	.breadcrumbs {

02	padding:5px 5px 5px 0;

03

margin:0;

04	font-size:95%;

05	line-height:1.5em;

06	border-bottom:4px double #e2e7b4;

07

}

08	.breadcrumbs a {

09	text-decoration:none;

10	color: #000000;

11

}

7. Lalu cari kode <div class=’post hentry’>
8. Copy dan paste kode di bawah ini di bawah kode <div class=’post hentry’>

1

<b:if cond=’data:blog.homepageUrl == data:blog.url’> <b:else/> <b:if cond=’data:blog.pageType == &quot;item&quot;’> <div class=’breadcrumbs’><a expr:href=’data:blog.homepageUrl’><b style="color: blue;">Ganti dengan kata kunci utama blog Anda</b></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 != &quot;true&quot;’> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

10. Simpan/save dan lihat hasilnya

Cara Memasang BreadCrumb Pada Blog Blogger ini dapat juga di lihat pada tampilan halaman blog Anda lebih kurang hasilnya seperti ini

Dengan memasang breadcrumb pada blog blogger Anda akan lebih disenangi oleh search engine google. Silahkan Anda kreasikan tampilan breadcrumb Anda sendiri. Semoga postingan yang berjudul "Cara Memasang BreadCrumb Pada Blog Blogger" ini bermanfaat untuk kita semua.

Selamat mencoba,,

Source: tutorial.bertuah.org