How to make breadcrumbs in your blog

splash VAPOR Slim-Fit Flex Case for Apple iPad 2 2G 2nd Generation (CLEAR)

Snugg iPad 2 Leather Case Cover and Flip Stand for the Apple iPad 2 (Black)

splash VAPOR Slim-Fit Flex Case for Apple iPad 2 2G 2nd Generation (BLACK)

Toblino: Leather iPad Case (Folio Convertable Case Multi-angle Stand For The Original Apple iPad)

For the comfort of visitors so as not to get lost there needs breadcrumbs navigation Sebuat which navigation can help visitors to know their current location diwebsite us, beside our website more familiar with search engines because this trick is also one seo tricks you should try to increase your traffic on google especially. Let us begin to consider the following steps
1. Login to Blogger
2. Click the Design tab and click edit html
3. Check the expand template widgets and find this code <div class='post hentry'> and Copy the code below and paste it right under the code

<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Your Are Here</span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk0FQIYe0w2VRYnnivWNJUtrZCM26tiatPnpIdwW8I2oyJXm5zATCkBjLkRV0FXAcNvuM5kNEfd3F8qpB5ux1vMm4EkvqLO9mDMY1AJDPbBTjvFDPiGuJ8FRjBvvpEtfhGx4H-qsMJgok/s1600/kangsalman+crumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>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 cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Browse</span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk0FQIYe0w2VRYnnivWNJUtrZCM26tiatPnpIdwW8I2oyJXm5zATCkBjLkRV0FXAcNvuM5kNEfd3F8qpB5ux1vMm4EkvqLO9mDMY1AJDPbBTjvFDPiGuJ8FRjBvvpEtfhGx4H-qsMJgok/s1600/kangsalman+crumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
» Archives for <data:blog.pageName/>
</div>
</b:if>

If you want to use a box (border) in the breadcrumb, add the following code and paste it directly above the ]]></b:skin> :

.breadcrumbs {
padding:8px 0px 10px 5px;
margin: 0px 0px 5px 0px;
font-size:88%;
border:1px double
#e6e4e3;
}

and then klik save

Title : How to make breadcrumbs in your blog
Description : For the comfort of visitors so as not to get lost there needs breadcrumbs navigation Sebuat which navigation can help visitors to know the...