Jumat, 13 Januari 2012

Cara Membuat Breadcrumb Pada Blog


Saya Pernah denger dari salah satu Master Blogger Indonesia Bahwa salah satu penunjang dari SEO adalah Breadcrumb, Makanya kalai ini Seni Blog akan Saharing Tentang Cara Mudah Membuat Breadcrumb Pada Blog, Oke langsung saja pada TKP:

1. Log In dulu pada Blog Sobat
2. Kemudian Cari Design/Rancangan > Edit HTML
3. Kemudian beri tanda centang pada kotak yang bertuliskan Expand Template Widget 
4. Silahkan cari kode ]]></b:skin> 
5. 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 #cadaef; 
}
6. Silahkan cari kode berikut pada template anda :

<div class='post hentry uncustomized-post-template'>
 Atau Cari
<div class='post hentry
7. Copy lalu paste kode di bawah ini persis di bawah kode diatas 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>
7. Kemudian SAVE

0 comments:

Posting Komentar

Comment