How To Hide The Whole Sidebar in a Certain Pages

Hello friends i am back with a great blogger tutorial that is how to hide the whole sidebar from a certain page or all pages. As the heading suggests that how we can hide the sidebar contained of all widgets from all of the static pages on your blog.Note-Sidebar is a collection of all widgets arranged vertically in blogs. Generally blogger shows all the widgets on all pages but i have a code by using that you can hide the sidebar from the static pages. This code is used to hide sidebar in pages like Contact Us page or HTML Editor Pages. By hiding the whole sidebar from the static pages you can expand the post width to full size hence you will got full width space on your blog page. Now let's add this code to your Blog. but remember first see the demo of this.

Demo

How To Hide The SideBar From The Static Pages

Now Let's Add this syntax to your blog-

• Go to Blogger dashboard.
• Select Template option and Click Edit HTML.
• In the template code search for </b:skin> and paste following code below it .

<!-------- Hide Sidebar Syntax by HT4U  ------------>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>    
<style>
        .main-inner .columns {
          padding-left: 0px !important;
          padding-right: 0px !important;
        }
        .main-inner .fauxcolumn-center-outer {
          left: 0px !important;
          right: 0px !important;
        }
        .main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {
          display: none !important;
        }
      </style>
    </b:if>

• Now Save your template and see the magic , Now the sidebar will not appear in the static pages on your blog. 

Share This

Related Post