• Admin
  • Receive an Update

    You are Here in » » How To Hide Sidebar And Footer on ALL Blogger Static Pages

    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;'>
    .sidebar,.footer {display:none;}
    #main-wrapper{width: 95%; float: none; margin: 0 auto;}

    ==> Click "Save Template"

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

    I hope this works for you.


    More Articles

    Make use of Smilleys Codes

    Quick Help!

    Having issues? Need quick fix? simply email me or call me

    Learn more

    Write For Us

    Submit a guest post and see it get published real quick

    Learn more

    Advertise Here

    Place relevant banners, links, and sponsored posts at affordable rate.

    Learn more

    Get notified on FB