Google

5
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 == &quot;static_page&quot;'>
<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

Post a Comment

  1. Thank you for the code. Worked great! :)

    ReplyDelete
  2. I was   about   to   say   something   on this   topic.   But   now   i   can see   that   everything   on   this   topic is   very amazing and mind   blowing,   so   i   have   nothing to   say   here.   I   am   just   going   through   all   the   topics   and being   appreciated.   Thanks   for sharing.     

    ReplyDelete
    Replies
    1. You are welcome Kate. I'm glad you enjoy my posts.

      Delete

 
Top