How To Hide Sidebar And Footer on ALL Blogger Static Pages

I explained how I disable sidebars and footers on Blogger pages on one of my blog posts here. The trick I shared in the tutorial only disables the sidebar and footer in specific static page i.e the code will be inserted directly in the static page and will affect only the page. No template editing is needed.

Today, I am sharing with you a tutorial on how to disable the sidebar and footer in the static Pages of your blog. No need inserting codes in directly in the static pages, although template editing is needed. This customization allows you to easily make all your static pages look different from your post pages.

Let's get started:

HOW TO DISABLE SIDEBARS AND FOOTER ON PAGES

==> Log in to your Blogger dashboard at www.blogger.com
==> Back up your template
==> Go to "Template" >> "Edit HTML"
==> Click inside the editor, type the following keyboard shortcut, CTRL F to find the following code:
]]></b:skin>

==> Directly below ]]></b:skin>, copy and paste this code:

<b:if cond='data:blog.pageType == "static_page"'>
<style>
.sidebar,.footer {display:none;}
#main-wrapper{width: 95%; float: none; margin: 0 auto;}
</style>
</b:if>

==> Save Template.

Now view your static pages, e.g. Contact Us, About Us pages. The sidebar and footer should now be hidden.

Do leave your comments below :D