How To Hide Sidebar And Footer on ALL Blogger Static Pages

Posted by on

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

  1. Pst Bless7/02/2013

    Thanks for sharing this very needful tricks, i appreciate all your efforts brother, keep adding value.

    ReplyDelete
  2. Andrew7/07/2013

    Very insightful and helpful blogger tips...Thanks a bunch, Jide.

    ReplyDelete

Post a Comment

We Love To Hear From You But Don't Spam Us With Links!

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

If your comment is unrelated to this post or you're trying to ask question about an old post, please drop it at our discussion platform here.

THANKS.