How to Create Breadcrumb Navigation

How to Create Breadcrumb Navigation

Breadcrumb navigation is important in the blog because it can allow visitors to understand their place when reading a post like that I use on this blog, besides the breadcrumb navigation can also help keep your posting faster in indexs by search engines, if you want to make the navigation menu please breadcrumd follow the instructions below:

  • login to blogger
  • Design
  • Edit html
  • Expand Widget Templates

find this code ]]></b:skin> (Use ctrl + f) an appropriate place the following code on it

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

and then find this code <div class='post hentry uncustomized-post-template'> / <div class='post hentry'> place the code below right after the code

<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'>Home</a> &#187;
<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;'> , </b:if>
</b:loop>
</b:if> &#187; <data:post.title/>
</div>
</b:if>
</b:if>

Save template and see the results





No comments: