Home » » How I Disable Sidebar and Footer on Blogger Pages

How I Disable Sidebar and Footer on Blogger Pages

Written By Jide Ogunsanya

You might have noticed that there are no sidebars nor footer sections on the page where I promote my bulkSMS reseller manual and some other few pages on my blog. Well, you can do the same on your Blogger Page.

This can be so useful when creating a landing page for your blog or when creating a page where you don't want blog visitors that land on the page to be distracted by widgets on your sidebars and blog footer.

If I don't want the Google ads on my sidebar to appear on a page I want to advertise with Google Adwords, I simply disable the sidebar.

So, How ?

==> After creating a page, I switch to the HTML mode of the post editor and paste the code below into the editor:

<style type="text/css">
.blog-pager, .post-footer, .feed-links, .sidebar, .footer-outer { display:none;}
.main-inner .columns {width: 100%;padding-left:0 !important;padding-right:0 !important;}

==> Then, I proceed to type in the content of the page, switch back to compose mode (not compulsory) and publish the page.

That's all.

Written By Jide Ogunsanya on May 19, 2013

Share :


Like My Facebook Page and Follow Me on Twitter and Google+:

Still in need of something else, Search here:

Subscribe to receive new blog posts directly in your Inbox.

Don’t forget to submit your email address for updates on MONEY MAKING tutorials. You can join Jide on Facebook, follow him on Twitter and add him to your circle on Google+.


  1. Anonymous8/09/2013

    Very useful info. Will apply it to my blog too. Thx


We love to hear from you!

Sign in to comment "anonymously" without entering verification text.

Want to be notified when I reply your comment? Tick the "Notify Me" box.

If your comment is unrelated to this post, please use our Contact page.