7/01/2013

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!


Share :


2 comments:

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

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

    ReplyDelete

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 drop it at my Facebook group here.

THANKS.

Designed by Jide Ogunsanya.