BreadCrumb Effects Gadgets For Blogger

BreadCrumb Effects Gadgets For Blogger (Google Images)

Gadgets For Blogger - BreadCrumb is like a sitemap for your article, exmaple is like a screenshot and my friends tell thats breadcrumb is good for SEO Technic hmmm do you wanna try put BreadCrumb at Blogspot?
First login to your blogger account and choose Template > Edit HTML > Proceed
then Enter the code below right above the code: ]]></ b: skin>


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

Then FInd this code

<b:includable id='main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/&gt;

and replace with this code

<b:includable id='breadcrumb' var='posts'> <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' rel='tag'>Beranda</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 == &quot;true&quot;'> &#187;
<a expr:href='data:label.url' rel='tag'><data:label.name/></a> </b:if> </b:loop>
&#187; <span><data:post.title/></span> </b:if> </b:loop> </div> <b:else/> <b:if cond='data:blog.pageType == &quot;archive&quot;'> <div class='breadcrumbs'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Arsip untuk <data:blog.pageName/> </div> <b:else/> <b:if cond='data:blog.pageType == &quot;index&quot;'> <div class='breadcrumbs'> <b:if cond='data:blog.pageName == &quot;&quot;'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Seluruh Artikel
<b:else/>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Artikel Pada Kategori <data:blog.pageName/> </b:if> </div> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id='main' var='top'> <!-- posts --> <div class='blog-posts hfeed'> <b:include data='top' name='status-message'/> <b:include data='posts' name='breadcrumb'/>

save template
BreadCrumb Effects Gadgets For Blogger