;

Sabtu, 21 Juli 2012

Cara Pasang Breadcrumb Menu Navigation Di Blog

Sabtu, 21 Juli 2012

Halo sobat mampirbo! Kali ini saya ingin berbagi tutorial blog yang berhubungan dengan SEO, yaitu cara pasang Breadcrumb menu navigation pada blog disetiap postingan. Breadcrumb Menu Navigation adalah sekumpulan tag atau link yang diambil dari label postingan blog kita. Breadcrumb menu navigation ini posisinya terletak diatas judul postingan. Sobat bisa melihat breadcrumb menu navigation yang telah saya pasang diatas judul postingan diblog ini. Selain itu dengan memasang breadcrumb menu navigation ini, blog sobat menjadi seo friedly.



Tertarik ingin memasang Breadcrumb Menu Navigation ini? silahkan dilihat caranya dibawah ini.

Cara Pertama:
  • Login ke akun blogger sobat.
  • Pilih menu tata letak (layout), pilih Edit HTML.
  • Jangan lupa centang "Expand Widget Templates".
  • Kemudian, cari kode dibawah ini:
  • <b:if cond='data:post.title'>
  • Kemudian tambahkan kode berikut tepat dibawahnya :
  • <b:if cond='data:blog.pageType == "item"'> <a href='http://namablog.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>
  • Ganti kode berwarna merah dengan alamat blog sobat.
  • Simpan template.


Jika cara pertama tidak berhasil, sobat masih bisa mencoba cara kedua seperti dibawah ini:

Cara Kedua:
  • Login ke akun blogger sobat.
  • Pilih menu tata letak (layout), pilih Edit HTML.
  • Jangan lupa centang "Expand Widget Templates".
  • Kemudian, cari kode dibawah ini:
  • ]]></b:skin>
  • Tambahkan kode css berikut tepat diatas kode tadi.
  • .breadcrumb { padding:5px 5px 5px 0px; margin: 0px 0px 10px 0px; font-size:90%; line-height: 1.2em; border-bottom:3px double #e6e4e3; }
  • Kemudian, carilah kode berikut:
  • <b:includable id='post' var='post'>
  • Tambahkan kode berikut ini tepat dibawah kode diatas tadi.
  • <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumb'> <a expr:href='data:blog.homepageUrl' rel='tag'>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> &#187; </b:if> <data:post.title/> </div> </b:if>
  • Simpan template dan lihatlah hasilnya.

Jika cara diatas berhasil, sekarang blog sobat sudah terpasang breadcrumb menu navigation yang membuat blog sobat seo friedly. Tapi kalo kedua cara diatas tidak berhasil diblog sobat, jangan kecewa, masih banyak cara untuk membuat breadcrumb menu navigation yang bisa sobat cari di google dan sesuai dengan template yang sobat gunakan.

Semoga berguna dan bermamfaatmenarimenarimenari
Judul: Cara Pasang Breadcrumb Menu Navigation Di Blog
Rating: 10 out of 10 based on 24 ratings. 5 user reviews.
Ditulis Oleh Unknown

Terima Kasih Atas Kunjungan Anda...
Klik tombol "Like" atau "Suka" bila Anda suka dengan artikel ini. Jangan lupa poskan komentar agar saya dapat berkunjung balik ke blog Anda. Jika Anda ingin membaca artikel lain dari blog ini, maka silakan klik di sini untuk membuka daftar isi. Harap menyertakan dan mencantumkan http://ayibagus-spc.blogspot.com/2012/07/cara-pasang-breadcrumb-menu-navigation.html bila Anda menyalin dan atau meng-copy artikel ini, dengan menggunakan kode di bawah ini. Terimakasih.
Terima kasih Sudah berkunjung


Ditulis Oleh : Unknown Blogger Indonesia Tetap Kunjungi

Artikel Cara Pasang Breadcrumb Menu Navigation Di Blog ini diposting oleh Unknown Pada Hari Sabtu, 21 Juli 2012. Terima Kasih atas kunjungan sahabat kesini. Semoga sobat dapat berkenan untuk sedikit memberikan sekelumit komentar mengenai postingan kali ini.

:: Home ! ::



TERIMA KASIH SUDAH BERKUNJUNG, JANGAN LUPA BERLANGGANAN DI BLOGGER SPC, DAN JANGAN LUPA FOLLOW, SUKA BLOGGER SPC INI, SAYA UCAPKAN SEKALI LAGI TERIMA KASIH
Blogger

ayib adam al-mahjub - 23.24

0 komentar:

Posting Komentar

Harap tidak mengepostkan komentar SPAM, Setiap komentar akan dimoderasi, Sehingga mohon maaf apabila saya tidak dapat segera dan atau membalas komentar anda, Terima kasih

 
Twitter Facebook RSS