Thursday, December 1, 2011

Memodifikasi Menu Breadcrumb Agar Dapat Membaca Lebih Dari 1 Label

modifikasi breadcrumb untuk seo blogger
 Beberapa bulan yang lalu saya sudah pernah menuliskan tentang cara memasang breadcrumb pada blog anda , pada breadcrumb tersebut mempunyai sebuah kekurangan yaitu pada label breadcrumb yang tampil , karena pada label yang tampil cuman akan menampilkan label pada posisi terakhir sesuai dengan abjad.

 Jika artikel memilik sebuah 2 label , maka breadcrumb sebelumnya hanya dapat menampilkan label yang mempunya abjad terakhir akan tampil . Misal saya mempunyai sebuah artikel yang mempunyai 2 label yaitu SEO dan Tutorial Blogger , maka dari kedua label tersebut yang akan tampil adalah Tutorial blogger padahal kan label SEO juga sangat perlu untuk di tampilkan , karena pada artikel yang mempunyai 2 label itu tidak hanya untuk sebagai tutorial blogger namun ada pun tips SEO pada artikel tersebut.

 Nah semua masalah diatas kini anda bisa atasi dengan memodifikasi breadcrumb lama anda dengan versi terbarunya.

Cara Memodifikasi Breadcrumb Pada Blog.

1. Masuk pada blogger anda , pada menu dasboard pergi ke design > edit html > expand widget template

memodifikasi blogger seo css












2. Kemudian cari kode Unlabelled pada menu edit html , jika kita lihat keseluruhan kode tersebut maka akan nampak seperti dibawah ini.

<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'> &gt;
<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:else/>
&gt;Unlabelled
</b:if>

Note : Untuk memudahkan pencarian kode , gunakan F3 atau ctrl + F.

3. Lalu ganti semua kode diatas dengan kode dibawah ini


<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'> &gt;
<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:else/>
&gt;Unlabelled
</b:if>

4. Klik save template dan selesai

Kini breadcrumb anda sudah bisa membaca lebih dari 1 label per halaman dan untuk memastikannya anda bisa mengecek pada artikel anda yang memiliki label lebih dari 1.

2 comments:

  1. sipp gan, pasti mnambah SEO jdi mantap g tu?? klo diliat ia bisa mnbmbh joss

    ReplyDelete
    Replies
    1. hehe , bisa bisa gan , nambah untuk penigkatan SEO kita juga tuh kok , kan breadcrumb terbaru bisa baca lebih 1 label, hehe

      Delete


Silakan kirimkan komentar anda entah itu kritik atau saran anda dan mohon maaf jika komentar anda tidak mendapatkan tanggapan karena saya tidak selalu online 24 jam