How to make breadcrumbs in your blog

 
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 == &quot;item&quot;'>
<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/AVvXsEibB2k-rgCT_zwNA-m72i0QMN7VQUt2VoxrMPukajIOEvBElWgNCcdHBMbHGioWknuFUGVRlyiaWmPYLmhTVo1e2zcMCdR0FtLrAeoIAQLlXmKTUe9xVZ8kya8sPEBSilqHYS8un9OTY6E/s1600/kangsalman+crumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>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>
&#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 src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibB2k-rgCT_zwNA-m72i0QMN7VQUt2VoxrMPukajIOEvBElWgNCcdHBMbHGioWknuFUGVRlyiaWmPYLmhTVo1e2zcMCdR0FtLrAeoIAQLlXmKTUe9xVZ8kya8sPEBSilqHYS8un9OTY6E/s1600/kangsalman+crumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
&#187; 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

I Suggest You Also Read