How to Make the Breadcumbs in Blogspot

SEO is one of very things in have been very fond of the Blogger. With SEO, a Blog will be index by Search Engine such as Google, BING, Yahoo and other Search Engine quickly. A wide range of own SEO tips come from different Blog that provides information on how to make your Blog more SEO. Some additional coding that will be in the Blog template on the paste will make your Blog in the index by Search Engine quickly and easily. The following is discussion of How to Make the Breadcumbs in Blogspot. Breadcums is a navigation menu that is present on the Blog to make it easier to track Blog visitors the location in the document and return to the start page with ease. Breadcumbs is usually located at the top of the post when we open a specific post. Breadcumbs also classify as one of the facilities that can make the Blog more SEO Blog. According to my knowledge, Google itselft can already read and understand data Breadcumbs a Blog. The SEO tips How to Make the Breadcumbs in Blogspot you can make it as one of the SEO tips. Here is How to Make the Breadcumbs in Blogspot.

How to Make Breadcumbs in Blogspot :

• Go to Blogger Dashbor.
• Select menu Template and select Edit HTML.
• And then search code ]]></b:skin>. And then copy and paste code HTML this below.

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

• Next, search code HTML <b:includable id='main' var='top'> and replace the code with code HTML below.

<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
&#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:loop>
&#187; <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == &quot;&quot;'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>

• An then Save your template. Preview your template.

Note :

•  Be careful in finding the code. Make sure according to the instruction. The code provided there are matching with the template each and some are not suitable or not supported for the given HTML code.

Happy codding. Thanks your visiting my Blog Hermantos.com. Visit again. :)