Sabtu, 05 Februari 2011

Cara Membuat Breadcrumb di blog Part 1

Sebenarnya triks ini sudah banyak yang dibahas oleh Master Seo lainnya. Akan Tetapi saya hanyalah ingin mengulang saja.. Perlu kita ketahui bersama, bahwa Cara Membuat Breadcrumb di blog ada dua cara. ya tergantung pada template blog yang sobat gunakan. Karena, berbeda template berbeda juga pola HTML pada blog sobat. Cara Membuat Breadcrumb di blog Part 1 adalah sebagai berikut: 
  • Login ke blogger.com 
  • Klik Tata Letak.
  • Pilih tab Edit HTML
  • Click Download Full Template and please back up template anda dulu untuk mengantisipasi error.
  • Kemudian beri tanda centang di kotak kecil di samping tulisan Expand Template Widget.
  • Terus cari kode ]]></b:skin> 
  • Copy lalu paste kode di bawah ini persis di atas kode ]]></b:skin> 
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double
#e6e4e3;
}
  • Untuk tahap selanjutnya Silahkan cari kode berikut pada template anda : <div class='post hentry uncustomized-post-template'>
  • Copy lalu paste kode di bawah ini persis di bawah kode <div class='post hentry uncustomized-post-template'>
<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' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
&#187; <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>

</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>
  • Simpan Template dan liat hasilnya akan tampak seperti gambar dibawah.
Bagi yang belum berhasil Membuat Breadcrumb di blog jangan putus asa dulu karena ada cara satu lagi. Yakni silahkan tunggu posting Cara Membuat Breadcrumb di blog Part 2.
Demikian saja, Semoga bermanfaat. Amin

Tidak ada komentar:

Posting Komentar