Rabu, 20 April 2011

Memasang Breadcrumbs Sebagian dari Teknik SEO

Langsung Aja Sob, gak perlu pakai prolog, yang penting sukses n berhasil bikin breadcrumbs :

1. Log in ke blogger dashboard pilih layout kemudian pilih edit HTML dan check the "Expand Widget Templates" check box
2. Backup dulu templete sobat untuk menghindari jika terjadi kesalahan
3.Klik kotak pada Expand Widget Templates
4. Copy code dibawah ini 




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

dan pastekan diatas code 
 
]]></b:skin>

 
5. Kemudian cari kode dibawah ini (Gunakan Ctrl+F untuk mencari kode) 


<b:include data='top' name='status-message'/>

dan ganti kode diatas dengan kode dibawah ini :

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>
 
6. Kemudian cari kode dibawah ini (Gunakan Ctrl+F untuk mencari kode)


<b:includable id='main' var='top'>

dan ganti kode diatas dengan kode dibawah ini :
<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <!-- No breadcrumb on home page --> <b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- breadcrumb for the post page --> <p class='breadcrumbs'> <span class='post-labels'> <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 == "true"'> » <a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if> </b:loop> <b:else/> »Unlabelled </b:if> » <span><data:post.title/></span> </b:loop> </span> </p> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- breadcrumb for the label archive page and search pages.. --> <p class='breadcrumbs'> <span class='post-labels'> <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/> </span> </p> <b:else/> <b:if cond='data:blog.pageType == "index"'> <p class='breadcrumbs'> <span class='post-labels'> <b:if cond='data:blog.pageName == ""'> <a expr:href='data:blog.homepageUrl'>Home</a> » All posts <b:else/> <a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/> </b:if> </span> </p> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'>

Dan sekarang sobat telah memiliki navigasi breadcrumbs pada blog sobat. Selamat mencoba dan semoga bermanfaat.... 

Tidak ada komentar:

Poskan Komentar