How To Add Horizontal Navigation Link List To Footer Of Blogger Blog | Easymadeblog

Tuesday

How To Add Horizontal Navigation Link List To Footer Of Blogger Blog

After that I discuss how to remove the powered by blogger + the attribution gadget at the footer of blogger blog. Today again, you shall be learning how you can add horizontal navigation link list to the footer of blogger blogs like the one below:


Footer links
Here in the horizontal navigation link lists, you can easily add links that direct users to pages like About page site map page, disclaimer page, Privacy and Policy page, etc. You can virtually add any page you want to this horizontal navigation links list.

I believe you have removed the powered by blogger attribution in the footer? If no then do this first.

No, let's get it done

Step 1 >>> On your blogger dashboard, click on template. Then customise


Customise footer


Step 2 >>> After the page finish loading, click on "Layout." Beside it, choose a 3 - Layout footer as seen below:


3-layout footer blogger


Step 3 >>> Click on "Apply to blogger" at the top right corner. Then, "Back click on to blogger."



Step 4 >>> Go to "Layout" and select "Add a Gadget" in the middle of the three gadgets in the footer section.

Step 5 >>> Add an "HTML" gadget and paste the blow code inside content. Leave the "title" blank:
<center> 
Copyright © 2016. <a href="http://www.easymadeblog.com">THE EASYMADE BLOG</a> ALL RIGHTS RESERVED<br />
<br /><a href="http://www.easymadeblog.com.">Home</a> |  <a href="http://easymadeblog.com/p/blog-page_5.html">Contact Us </a> | <a href="https://easymadeblogcom.ng/p/blog-page_28.html">About</a> | <a href="https://easymadeblog.com/p/easymade-services.html">Advertise</a> | <a href="https://easymadeblog.com/p/easymade-services.html">Submit Post</a> | <a href="http://easymadeblog.com/p/easymade-services.html">Services</a> | <a href="http://www.easymadeblog.com/p/site-map.html">Site Map</a>
</center>
Html gadgets


 Step 6 >>> Edit the above code to your own taste.

  • Change texts in each color to your own page addresses and names respectively. 
  • To add another link, simply paste this code below above the </center> tag
| <a href="your page link">display name</a>


  • Change texts in this color to your page link, and text in this color to the name you want the link to display 
Step 7 >>> Click on Save and preview your template




That's all

Let's hear from you if this works for you, in the comment section. You can also let me know if you encounter any problem doing this in the comment section. I'd be there to solve it. You may simply use the Facebook comment box below.

easymadeblog

Be Kind,Share this with your friends using the share buttons below:

2 comments:

  1. Many thanks man. Worked perfectly :)

    ReplyDelete
    Replies
    1. Glad it worked perfectly for you. Take a look around other blogging tutorials here.

      Delete

Have you got anything to say about this post? Let's hear your thoughts in the comment box. Sign in as "Anonymous" to bypass verification.

You can also use the Facebook comment box above to reply to this post with your Facebook ID.

Make sure you check the "NOTIFY ME" checkbox to get updates when your comments are replied to.