Cara membuat menu "Anda sedang berada di" (Seo On Page)

  Menu "Anda sedang berada di" disebut juga dengan Breadcrumb, atau history menu. Untuk lebih jelasnya, lihat gambar dibawah ini :

Membuat Breadcrumb navigation ini, juga salah satu langkah, supaya blog kita SEO Friendly. Selain itu, juga bisa membuat blog tampak lebih proffesional. Yaudah, yuk mulai!

1. Sign in blog
2. Template.
3. Edit HTML -> centang Expand template widget.
4. Cari kode ]]></b:skin> letakkan kode dibawah ini, diatas kode ]]></b:skin>

.breadcrumbs{border-bottom:1px dotted #999;margin:2em 0 0.5em;padding:0 0 0.5em;font-size:10px}


5. Cari kode <b:includable id='main' var='top'
6. Letakkan kode dibawah ini, diatas kode no.5


<b:includable id='breadcrumbs' var='post'>
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<p class='breadcrumbs'> 
<span class='post-labels'> 
<b:if cond='data:post.labels'> 
Anda Berada di&#160; : 
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &gt; 
<b:loop values='data:post.labels' var='label'> 
<b:if cond='data:label.isLast == &quot;true&quot;'> 
<a expr:href='data:label.url' rel='tag'> <data:label.name/></a> 
</b:if> 
</b:loop> 
<b:if cond='data:post.title'> 
&gt; <b><data:post.title/></b> 
</b:if> 
</b:if> 
</span> 
</p> 
</b:if> 
</b:includable>


 7. Cari kode <b:loop values='data:posts' var='posts'
 8. Ketikkan/copy kode dibawah ini, lalu letakkan dibawah kode no.7  


<b:include data='post' name='breadcrumbs'/>


*Bila kode <bloop lebih dari satu, letakkan kode diatas tepat dibawah kode <bloop yang kamu temukan.
*Jika breadcrumb tidak muncul, letakkan kode no.8, diatas kode no.7
9. Save


   Breadcrumb navigation Seo On Page anda sudah jadi. Silahkan, cek blog anda, dengan mengeklik salah satu artikel anda.