24 Juli 2011

Cara Pasanng Breadcrumb Blogspot

apa itu Breadcrumb??
Breadcrumb adalah seperti gambar di di atas
menarik bukan...??
kalau berminat membuatnya kita simak sama-sama yuk...
ikuti langkah-langkah berikut
1. Login ke blogger degan ID agan.
2. Klik Tata Letak / layout
3. Kemudian klik tab Edit HTML


4. Click Download Full Template and please back up your template first. Untuk menghindari bila sewaktu-waktu ada kesalahan.
5. Beri tanda centang pada kotak kecil di samping tulisan Expand Template Widget.

6. Cari kode ]]></b:skin>
7. Copy lalu paste kode di bawah ini persis di atas kode ]]></b:skin>

.breadcrumbs {
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #e2e7b4;
}
.breadcrumbs a {
text-decoration:none;
color: #000000;
}
8. Silahkan cari kode berikut pada template agan :
<div class='post hentry'>

9. Copy lalu paste kode di bawah ini persis di bawah kode <div class='post hentry'>
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Ganti Dengan Kata Kunci Utama Blog</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>
10. save dan lihat hasilnya memuasakan buka...??

{}semoga bermanfaat{}

0 komentar:

Naxzapram Blog | Template by - Abdul Munir - 2008 - layout4all