- Hikmah
- Siklus Hidup vs Shalat 5Waktu
- Peyembelihan Hewan Sesuai Syari'at Islam
- Ciptakan Allah SWT Yang Terkuat
- Bahaya Penghormatan Berlebihan atau ghuluw
- Tanda Kematian Manusia
- Mukjizat Ilmiah Dua Rukun Sholat
- Rahasia Ilmiah Dan Manfaat Puasa Senin-Kamis
- Nasehat Menjelang kematian
- Hidup adalah Pilihan
- 3 Pandangan Hidup Tentang Manusia
- Komputer
- Kesehatan
- Buah Sirsak Pembunuh Kanker
- Tentang Leukemia
- Manfaat Buah Tomat
- Nutrisi Penambah Kesuburan
- 23 Manfaat Buah Pisang
- Seputar Diabetes
- Nutrimoist Krim Serbaguna untuk Kulit
- Tips Mengusir Sakit Pinggang
- 5 Buah Kering Berkhasiat
- 8 Makanan Pembakar Lemak
- 5 Kebiasaan Orang Kantoran Bikin Gemuk
- 5 Obat Natural Untuk Sakit Kepala
- ...... More >>.....
- Pernak Pernik
- Sampah Dalam CV
- 6 Kesalahan Kecil Dalam CV
- 7 Hal Tidak Biasa Dilakukan Bos Hebat
- 5 Manfaat Lain dari Kentang
- Award Ke 3
- Award Ke 5
- Wow Dapat Award Dari Sohib Lagi
- Keren Nih dapat 5 Award Lagi
- Amankah Akun Facebook Sohib?
- Eh Dapat Award Lagi
- Award ke-15 Dan 16 Jawara Blogger
- Indahnya Liburan Kali ini
- Anekdot Cari Pasangan
- Inspirasi
- Trik dan Tips Blog
- Cara Membuat Sub Menu
- Cara Membuat super Sub Menu
- Cara Buat Menu Navigasi/Breadcrumb
- Membuka Blokir Klik Kanan
- Cara Buat Banner Autobacklink
- Cara Buat Teks Dalam Kotak
- Membuat Tulisan Bergerak
- Cara Sederhana Mengunci Postingan
- Kumpulan Script Kode Warna Dasar Blog
- Judul Posting Jadi Keyword Utama
- Cara Memaksimalkan Judul Posting
- Trik Buat Otomatis Klik
- .....More >>.....
- Iptek
- Auto Backlinks
Rabu, 29 Agustus 2012
Pandawa Lima» Beranda »
Trik dan Tips Blog
» Cara Membuat Menu Navigasi/Breadcrumb di Blog
Cara Membuat Menu Navigasi/Breadcrumb di Blog
Berikut ini saya men-share-kan Cara membuat menu navigasi atau yang biasa disebut - Breadcrumb navigation menu adalah menu yang dapat membantu para pengunjung blog agar mereka tau sedang mengunjungi kategori atau label apa. Postingan ini sangat banyak ditemui bila kita search di mensin pencari seperti Google. Dan berdasarkan pengalaman pribadi saya, banyak sekali kode atau scrift yang harus dibuat di menu edit HTML. Namun saya mencoba untuk membagikannya kepada sobat yang ringkas saja. Untuk keunggulan atau kekurangannya, berpulang ke sobat semua.
Salain itu dari pengalaman melakukan blogwalking Breadcrumb atau menu navigasi juga dapat mengoptimalkan seo on page. Karna tidak semua template menyediakan Breadcrumb, maka dari itu kita harus membuatnya sendiri.
Untuk sobat yang ingin memasang Breadcrumb di blognya bisa mengikuti Cara Membuat Menu Navigasi/breadcrumb di Blog berikut ini:
1. Login ke blog sobat.
2. Klik Template
3. Klik Edit HTML dan centang Expand Widget Templates
4. Cari code ]]></b:skin> kalau mau lebih cepat gunakan Ctrl+f atau F3
5. Copy code di bawah ini lalu letakan tepat di atas code ]]></b:skin>
.breadcrumbs{
padding-left:10px;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
6. Cari code <b:includable id='post' var='post'> setelah ketemu silahkan sobat copy paste code di bawah ini dan letakan dibawah code <b:includable id='post' var='post'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Anda disini » <a expr:href='data:blog.homepageUrl'>Home</a> »
<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>
</b:if> » <data:post.title/>
</div>
</b:if>
</b:if>
Note :
untuk tulisan warna biru “Anda disini »” bisa diganti dengan “judul Blog Sobat” dan tulisan warna merah “Home” bisa diganti dengan laman atau beranda di blog sobat.
7. Klik Pratinjau. Ini untuk memastikan scrift yang dibuat adalah benar.
8. Save Template sobat
selanjutnya silahkan lihat di atas postingan sobat,
jika berhasil menu navigasi akan terlihat di atas postingan sobat.
nah kira-kita begitulah Cara Membuat Menu Navigasi/breadcrumb di Blog.
semoga berhasil ya.
Sumber : http://andax89.blogspot.com/2012/07/cara-membuat-breadcrumb-di-blog.html
Langganan:
Posting Komentar (Atom)
Tidak ada komentar:
Posting Komentar
Silahkan berkomentar menggunakan hati nurani dan tidak mengandung SARA, SEX dan POLITIK"