13How To Remove Default Footer In Blogger And Adding Your Own Customize Footer?

Posted by Harwinder Kumar at 3/07/2012 Posted in:

It's so easy to make a blog in blogger, but in reality it's very hard to make an effective and user friendly blog (especially in terms of terms of SEO). Today, I'm gonna tell you about "How to remove default footer in blogger and adding your own customize footer?".

Some bloggers don't like default footer in their blogs like me and they wish to add their own customize footer. Well, it's too easy to remove the default footer, follow these simple steps:
  • Login to Blogger.
  • Go to Design> Edit HTML
  • Backup your template.
  • Check “Expand Widget Templates". 
  • Look for the code: 

    <div class='footer-outer'>
    <div class='footer-cap-top cap-top'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  • Change it with the following code:

    <footer style='display:none'>
    <div class='footer-outer'>
    <div class='footer-cap-top cap-top'>
    <div class='cap-left'/>
    <div class='cap-right'/>
  • Click Preview and Save Template. You've removed your default blogger now.

Adding your own customize footer:

After removing default footer, next step is to add your own customize footer (e.g.: you can scroll down and check my site's customize footer):
  • Again go to Design> Edit HTML
  • Look for: </body>
  • Add your customized footer before body close tag.
  • That's all.
Note: I recommend not to go with any customize blogger template (or purchase it). Pick any of default blogger template and make your own customization in it. It would enhance your knowledge and will make you a perfect blogger.
Hope You Liked It. Receive Latest Posts Directly To Your Email
Get Free Updates:
Click On The Confirmation Link Sent To Your Inbox Or Spam

13 comments so far:

Anonymous said on 3/07/2012 6:12 PM:

nice work !

Harwinder said on 3/07/2012 9:52 PM:

@Anonymous: thanks!!

Mikailah said on 11/21/2012 11:44 PM:

this worked fabulously! thank you so much!

Harwinder said on 11/22/2012 12:17 PM:

@Mikailah: thanks!

Faisal Kaleem said on 2/12/2013 6:38 AM:

Thx for you suggestions i have removed external links from the website but still looking to remove home anchor text from my blog. Do you have any idea on it please suggest!!

Harwinder said on 2/12/2013 10:49 AM:

@Faisal Kaleem: Can I have your blogspot URL?

Faisal Kaleem said on 2/12/2013 8:37 PM:

My blog URL is http://seo-india-blog.blogspot.in. I have removed blogger links from my footer but i could remove Home from footer.

Harwinder said on 2/12/2013 9:26 PM:

@Faisal Kaleem: do you mean the navigation bar, for it, please follow it: http://www.basicsofhacking.com/2011/04/how-to-remove-blogger-top-banner.html

Noufil Vk said on 4/06/2013 7:04 PM:

working awesome. your blog is very nice

Harwinder said on 4/06/2013 11:07 PM:

@Noufil Vk: thank you!

Dreamtechblog said on 6/18/2013 1:42 AM:

You are right .The you you described about the article its amazing.I just want to know another tips how to make the menubar in footer like what you have donw in your site?

Harwinder Kumar said on 6/18/2013 12:22 PM:

@Dreamtechblog: for it, you will have to add menu bar code just before the closing body tag!

Author said on 9/20/2013 1:25 PM:

I love these hacks!


We love to hear from you! Leave us a comment:

© 2014 Learn The Basics Of Ethical Hacking About | Site Map | Privacy Policy | Contact