connect with us on
PROMOTE UR MUSIC IMG

Upload Your Music

Hurray you can now upload your music and video on Nijaweb .

UPLOAD NOW

Advertise Your Buissness

Advertise your Buissness Here on Nijaweb for good and qaulity Promotion.

Advertise Now
nijaweb-app

Nijaweb Mobile App

Download Nijaweb Mobile App For free to recieve latest updates quick/easy.

DOWNLOAD NOW

Friday, March 31, 2017

[BLOGGING MADE EASY] How To Add Breadcrumbs To Your Blogger Template

Chibueze Ogbonna     7:45 AM     No comments

location_based_breadcrumb.JPG
location_based_breadcrumb


Blogger breadcrumbs is very useful in our blog, it’s very helpful to the users it shows where the users navigate in the blog or website, especially in ecommerce website,
if your eCommerce site has lots of categories and sub categories breadcrumbs is very helpful, not only for eCommerce, breadcrumbs also useful for blog.

The benefits of adding breadcrumbs in blog, it increase your blog Pages Views, it improves your internal links for your website. Breadcrumbs is one of internal linking SEO strategy also categories, latest post, archives, related post, so definitely you add this elements.
Blogger breadcrumbs is not available in blogger admin panel at this time maybe in the future, so we need to add a piece of code in your blog template, just follow the instruction.
In this blogger tutorial for beginners series I will share how to add breadcrumbs in blogger template, it’s a very simple steps, so let’s begin…
Step 1: Edit Html
In the blogger admin panel, go to Template -> Edit HTML

Step 2: Add Blogger Breadcrumbs

In the Edit HTML, you’ll need to paste the code in the blogger template xml, find the… (Ctrl + f)

<div class='blog-posts hfeed'>

All blogger templates have this div tag, in the xml template there have 2 this div tag or more, you should paste the code below this div tag (see screenshot)

Copy and paste this code below that div
<!--breadcrumbs start--><b:if cond='data:blog.pageType == &quot;item&quot;'><p class='breadcrumbs'>        <span class='post-labels'>        <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>        <b:loop values='data:posts' var='post'>            <b:if cond='data:post.labels'>            <b:loop values='data:post.labels' var='label'>                <b:if cond='data:label.isLast == true'> &#187;                    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>                </b:if>            </b:loop>            <b:else/>            &#187; Unlabelled            </b:if>            &#187; <span><data:post.title/></span>        </b:loop>        </span>    </p></b:if><b:if cond='data:blog.pageType == &quot;static_page&quot;'><p class='breadcrumbs'>  <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <data:blog.pageName/></p></b:if><b:if cond='data:blog.pageType == &quot;archive&quot;'>    <p class='breadcrumbs'>      <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <data:blog.pageName/>    </p></b:if><b:if cond='data:blog.searchLabel'>    <p class='breadcrumbs'>      <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <data:blog.pageName/>    </p></b:if><!--breadcrumbs end-->

Now the blogger breadcrumbs has enable in your blog, check the your blog and see the result,




Thanks For Visiting Nijaweb.com Dont Forget To Drop your Comments And Share Using The Share Button Below


Author:

Is a Proffesional Nigerian Blogger, A Webdeveloper, Who Loves To Blog And Also Writting Codes

0 comments :

RECENT POST

Put your ad code here

dmca

DMCA.com Protection Status NIJAWEB.COM do not claim ownership of any of the Songs that we upload and any copyright infringement complaints will be executed immediately! It is our policy to honor all take-down requests!
If You Feel Your Rights Are Being Infringed Upon, Contact Us Not Our Host By Send a Email Through Our Contact Form

MEET NIJAWEB CEO

Total Pageviews

Blogroll

Subscribe to our Newsletter

We'll never share your Email address.
© 2016 - NIJAWEB | NAIJA NO1 INFORMATION AND TECHNOLOGY BLOG. All Rights Reserved - Crafted by Stephenice . Blogger.