How To Hide Sidebar And Footer on ALL Blogger Static Pages


Recently, I explained how I disable sidebars and footers on Blogger pages. 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, tutorial on how to disable the sidebar and footer in ALL 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

==> Log in to your Blogger dashboard at www.blogger.com
==> Back up your template
==> Go to "Template" > "Edit HTML"
==> Click inside the editor and use CTRL F to find ]]></b:skin> tag
==> Directly below (under) the tag, copy and paste this code:


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



==> Click "Save Template"

View your static pages (NOT posts). The sidebar and footer should now be hidden.

I hope this works for you.

Cheers!



Comments

Pst Bless said…
Thanks for sharing this very needful tricks, i appreciate all your efforts brother, keep adding value.
Andrew said…
Very insightful and helpful blogger tips...Thanks a bunch, Jide.