TIps : How To Make Breadcrumbs Navigation On Blogspot

Hello friends Blogger ..!!!

Articles from Blegedes Blogger will discuss about how to make Breadcrumbs Navigation on blogspot. Although it has been discussed on other blogs this way, Blegedes Blogger will still publish it, because this blog is still minimal with articles that are posted, but it also is the work itself, not the result of taking possession of people.



Ok, Continue on the topic of how to make Breadcrumbs Navigation on blogspot. Blegedes Blogger will soon give the steps put it on blogspot.

How to make Breadcrumbs Navigation on blogspot:

1. Go to Dhasbor and click Design.
2. Once logged in click on Edit HTML in the image below and do not forget to always check the small box above the field templete.



3. Find the code ]]></b:skin> (faster use CTRL + F), if you have found the right place the following code on it.

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

4. Then find the code <div class='post hentry'> and put the code below directly below.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'><a expr:href='data:blog.homepageUrl'>Browse </a></span><img alt='crumb blegedes' src='http://i1203.photobucket.com/albums/bb399/faisalhu1404/crumb.gif'/>
<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 != &quot;true&quot;'> &#187; </b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Browse</span><img alt='crumb blegedes' src='http://i1203.photobucket.com/albums/bb399/faisalhu1404/crumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'> Home </a>
&#187; Archives for <data:blog.pageName/>
</div>
</b:if>

5. Click on the preview, if no error occurred in the Templete, click save and see results in one of the posts on our blog.

Ok, finished up an article here that could "Blogger Blegedes" share. I hope this article helps all of which are still not compatible with the existing tutorials on other blogs. ^ _ ^





Regards Blegedes,
Blogger Blegedes

By Blogger Blegedes

thank you for taking the time to read the article TIps : How To Make Breadcrumbs Navigation On Blogspot and you can find articles TIps : How To Make Breadcrumbs Navigation On Blogspot this with the url http://blog-blegedes.blogspot.com/2011/12/tips-how-to-make-breadcrumbs-navigation.html. you may disseminate or copy and paste if the article This TIps : How To Make Breadcrumbs Navigation On Blogspot is very beneficial to your friends, but do not forget to put the link TIps : How To Make Breadcrumbs Navigation On Blogspot Soure.