Rabu, 18 Agustus 2010

Cara Membuat Menu Navigasi Breadcrumb, Pengganti Meta Tag Keyword

Sebuah Navigasi Menu dalam suatu blog bisa dikatakan penting nggak penting untuk ditampilkan (tergantung masing-masing pemilik blog) contohnya pada Menu Horizontal (Menu Tab), tetapi apabila sudah menyangkut "siapa sih yang menikmati blog ini?", maka saya rasa ini akan menjadi pertimbangan lebih lanjut apakah akan ditampilkan atau tidak terutama sekali pada Menu Navigasi Breadcrumb.

lihat pict



Breadcrumb merupakan suatu menu yang berisi label atau kategori yang sejajar dari suatu artikel/postingan dan selalu diawali oleh Home yang nantinya ini akan mempermudah para pembaca untuk melihat di mana posisi mereka saat ini yang dilihat berdasarkan label atau kategori mana sebuah artikel tersebut.


Ilustrasinya seperti ini: Browse >> Home >> (contoh) Nama Label 1 >> (contoh) Nama Label 2 >> (contoh) Judul Artikel


NB: Menurut beberapa pendapat lainnya seputar Menu Breadcrumbs ini dan yang bisa saya simpulkan adalah Search Engine saat ini (contoh Google) akan selalu membaca label dan tags dari setiap artikel blog, karena Google saat ini sudah tidak menggunakan meta tag keyword lagi sebagai pertimbangan untuk mengindeks suatu web blog, tapi hanya meta description dan label (kategori) saja.


Jadi semakin sesuainya (relevan) sebuah label atau kategori dengan isi artikel maka kesempatan untuk tampil di halaman depan Google pun akan ada.


Langkah-langkah Membuat Menu Navigasi Breadcrumb di Blog:


1. Login ke akun blogspot,

2. Klik Design/Rancangan >> Edit HTML >> Centang Expand Template Widget,

3. Copy kode di bawah ini dan pastekan di atas kode ]]></b:skin>


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

4. Lalu lanjutkan dengan mencari kode berikut: <div class='post hentry uncustomized-post-template'>


5. Copy kode di bawah ini dan pastekan persis berada di bawah kode tadi:

<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
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' 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>

Sebelum disave, silahkan diubah dahulu (sesuai keinginan) besarnya fonts pada Menu Breadcrumbnya, bisa disesuaikan dengan besar kecilnya tulisan pada Judul atau Isi Artikelnya dengan mengubah kode tulisan yang saya warnai Biru di atas:
95%

6. Jika sudah maka sekarang klik Save Templates.


Seperti itulah Cara Membuat Menu Navigasi Breadcrumb, Pengganti Meta Tag Keyword, semoga informasi ini bisa bermanfaat untuk teman-teman semua. Selamat mencoba dan salam.

Tidak ada komentar:

Posting Komentar