Installer Breadcrumb Navigation On Blogspot

Hello my friend, how are you today, hopefully in good health. In the my previous post about seo tips I've talked about the importance of using heading tags H1 on the blog title and post title for the template SEO friendly (Read: Manipulation Heading Tags For Your Blog). For now I'll share other tips for seo friendly template of your blog by using the Breadcrumb Navigation.

The meaning of Breadcrumb Navigation is a row of links internal links on the top or bottom of the page of the website that allows visitors to return to the previous page or to the bottom quickly.

So, how do I make? Follow these steps:
1. Login to Blogger
2. Go to the Layout -> Edit HTML
    Back up your Template by clicking: Download Full Template
    After that, check the Expand Widget Templates.

3. Copy the code below:

. Breadcrumbs {
padding: 5px 5px 5px 0;
margin: 0; font-size: 95%;
line-height: 2.3em;
}

Paste the code above ]]></ b: skin>

4. Copy the code below:

<b:if cond='data:blog.homepageUrl == == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType "item"'> <div class = 'breadcrumbs'> Browse »<a expr:href='data:blog.homepageUrl'> Home </ a>» <b:if cond='data:post.labels'> <b: loop values ??=' data: post.labels 'var =' label '> <a expr:href='data:label.url' rel='tag'> <data:label.name/> </ a> <b: if cond =' data: label.isLast! = "true" '>, </ b: if> </ b: loop> </ b: if> »<data:post.title/> </ div> </ b: if> < / b: if>

Code Paste the above code <div class='post hentry uncustomized-post-template'>

5. Then click Save Template.

Look at the results ! Ok so this tutorial, hopefully useful for all of you, Do not forget to comment. Thanks ... 

.:: HAPPY BLOGGING ::.

Related Post:

Comments