Sunday, April 1, 2012

Cara Memasang Breadcrumbs di Blogspot

Pada kesempata kali ini saya akan membahas tentang feature navigasi yang biasanya terletak di atas judul posting atau bisa juga di bawah posting. Breadcrumbs  dapat diartikan sebagai navigasi yang berisikan kategori-kategori dari posting yang diawali dengan tombol menuju home (halaman depan blog).

Breadcrumbs merupakan navigasi berbasis seo sebaris dengan tautan internal yang membuat pengunjung dapat kembali ke halaman depan blog dengan cepat.  Jadi simple-nya seperti ini : search engine selalu membaca label atau tags setiap postingan blog, karena saat ini google sudah tidah menggunakan meta tag keyword lagi untuk mengindeks suatu website/blog, maka yang jadi perhitungan google saat ini adalah meta description dan label (kategori). Maka dari itu semakin relevan sebuah label dengan isi postingan (artikel) maka akan semakin mendapatkan kesempatan tampil di halaman depan google.


Langsung saja kita ke tutorial pembuatannya :
1. Login terlebih dahulu ke akun blog anda.
2. langsung saja anda menuju Design => Edit HTML.
3. Letakkan kode berikut ini tepat sebelum  kode ]]></b:skin> 

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

4. Setelah itu, cari kode seperti ini :

<div class='post hentry uncustomized-post-template'>

5. Kemudian letakkan kode berikut ini tepat setelah kode <div class='post hentry uncustomized-post-template'>

Code Breadcrumbs :
<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>

6. Simpan Template.
 Semoga setelah memasang breadcrumbs, blog anda semakin seo. sekian dulu semoga bermanfaat.

0 comments:

Post a Comment

 
© Copyright 2035 Kusuma Blogs
Theme by Yusuf Fikri