0 Installer Breadcrumb Navigation On Blogspot

Do you want to share?

Do you like this story?

Worldhistoryblogspot.blogspot.com - 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. 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 ... 

By entering your email address below, then you will be able to mail the latest articles from the World History Blogspot in your inbox: