Laman

Minggu, 12 Agustus 2012

Tutorial Memasang Breadcrumb di Blogspot

Tutorial Memasang Breadcrumb di Blogspot - Sekilas tentang Memasang google Breadcrumb ini sangat  berperan dan sangat dibutuhkan di sebuah blog karena dengan memasang google breadcrumb ini dapat menutupi salah satu kekurangan bloger yakni alamat URL yang terbatas dan terkadang terlihat kurang bagus, dengan demikian kami akan share agar blog kita terlihat rapih di google search engine yakni dengan cara membuat google breadrumb ini.
Mungkin ada yang bertanya-tanya apa itu BREADRUMB. Breadrumb merupakan suatu bentuk navigasi konten blog kita sedemikian rupa sehingga bisa membantu pengunjung lebih mudah untuk menjelajah konten blog kita.
Breadcrumb ini biasanya sering diletakan diatas judul artikel. Anda bisa lihat screenshot dibawah ini:
Coba anda lihat gambar diatas yang ditunjukan dengan anak panah, itulah yang namanya Breadcrumb Navigation. Pasti anda juga sering melihat navigasi tersebut misalnya pada Windows 7. lihat Screenshot dibawah.
Pada menu bar Windows 7 terdapat pula navigasi breadcrumb semacam itu, dari penjelasan tadi diatas, kenapa blog kita bisa terlihat rapih di di goolge search engine? coba lihat screenshot yang satu ini.
Dapat kita lihat pada gambar diatas yang yang ditunjukan dengan anak panah, itu merupakan hasil navigasi jika terindek oleh google, jika anda ingin melihat apakah Breadcrumb anda terindek di google search engine apa tidak bisa dicek disini.
Next kalau sudah paham dan berminat memasangnya sialhkan lanjutkan tutorial ini.
Pertama seerti biasa
  • Login ke blogger >>  Tata letak/Rancangan >> Edit html. Jangan lupa centang expand widget templates.
  • alangkah baiknya script anda copas dulu ke notepad atau download untuk menghindari jika terjadi kesalahan.
  • Cari kode ]]></b:skin> dan letakan script dibawah ini tepat diatas kode ]]></b:skin>
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}
  • Selanjutnya cari kode <div class='post hentry uncustomized-post-template'> atau jika anda tidak menemukannya cari kode <div class='post hentry'>
  • Letakan kode dibawah ini tepat diatas kode yang 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>


Information Article:
Rating: 5
Description: Tutorial Membuat Breadrumb di Blogspot Reviewer: Rezza Indra Rahayu
Itemreviewed: Tutorial Membuat Breadrumb di Blogspot

Tutorial Memasang Breadcrumb di Blogspot


source list: , , , , , TEMPLATE BY Opa Soparudin © 2012. Just for Sharing!

Tidak ada komentar:

Posting Komentar