BlogTariff


Way2blogging techniques are increasing gradually along with Generation. Different types of styles and methods budding to build up quality of content and sharing with others on numerous blogging platforms. Now BlogTariff come up with new article “Bread crumb Navigation” helps in browsing of contents very easily for readers.
Webmaster always views is to attract more visitors/readers to their blogs and gain more popularity online via adding email subscription box, Meta Tags Generator, Generating Tables, Converting codes and scripts, Mashable widgets, Facebook Like box, Twitter Fan Like box and more.
Adding this widget on blog crafts visitors/readers in searching of contents, Google loves those blogs who added this widget.


How to Add “Breadcrumb Navigation widget” for blogger?

Sign into your blogger account
Click on “Design (Layout in the new blogger interface)”
Click on “EDIT HTML” link tab
Mark “Expand Widget Template” box
Now, search for code
]]></b:skin>
After finding the code copy the below code and paste above to it
.breadcrumbs{padding:5px 5px 5px 0;margin:0;font-size:95%;line-height:1.4em;border-bottom:4px double #cadaef;}
By using our Hexa Color Code chart you can replace it with your Choice color code

Now, search for code
<div class='post hentry uncustomized-post-template'>
After finding the code copy the below code and paste below to it
<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>
After pasting the code successfully now, change the words as you required (Highlighted in the above code)
After necessary corrections now, “Save the Template”

Appreciation

If this article helped you favor us on Subscribing to US and Like us on Facebook

Post a Comment Gmail ID

Do not Try to Add Spam Comments

 
Top