Memasang Breadcrumb di Blogspot

Breadcrumb adalah sebaris tautan internal pada bagian atas atau bawah laman yang memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau ke laman dasar dengan cepat. Navigasi Breadcrumb ini sangat dianjurkan oleh Google dalam SEO.

Untuk langkah-langkahnya, silakan ikuti petunjuk di bawah ini :

1. Sign in ke http://blogger.com
2. Pilih layout => edit html ( Beri tanda centang pada Expand the Widget Templates )
3. Cari kode dibawah ini :
<b:include data='top' name='status-message'/>
4. Gantikan kode diatas dengan kode dibawah ini :

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

5. cari kode di bawah ini :

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

6. Gantikan kode diatas dengan kode dibawah ini :

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

7. cari kode di bawah ini :
]]></b:skin>
8. Gantikan kode diatas dengan kode 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;
}
]]></b:skin>
9. Save Template

Selesai dah tinggal liat perubahanya.....

Related Posts by Categories

Widget by arozaq.com