Hide Sidebar and Comment Box in Blogger Pages

Hide Sidebar and Comment Box in Blogger Static Pages
Hide Sidebar and Comment Box in Blogger Page have been showing in this tutorial but first, you may understand what is a blog static page? the static page is not used often in blog templates like blog post page that the bloggers have been using for update everything new for their visitors. Static page always uses for contact us page, about us page, privacy policy page, condition page etc. Although , the static pages basically are same to the post pages, but there are a few things that make them the difference. Once the static page does not have a label and it could not appear on the home page but landing pages have the sidebar like post page. In this tutorial will guide you to hide the sidebar and comment box and extent you static page to be 100% width. 

How to Hiding Sidebar and Comment Box in Blogger Static Page


Step 1: Login to your blogger dashboard

Step 2: Go to Template >> Edit HTML

HTML and Java Scribe Code Area

Step 3: Click anywhere in the HTML Code area then press CTRL+F or Command+F (Mac) to search for the code below, copy it and paste in the column then press Enter.
]]></b:skin> 
Step 4:  Now you found the above code, then copy below code and paste it below it.

<b:if cond='data:blog.pageType == "static_page"'>
<style>
#sidebar {display: none;}
.article {width:100%;float: left;margin-bottom: 2px;}
#content_box {float: left;width: 100%;}
#comments {display: none!important;}
</style>
</b:if
Step 5: Click Save Template then Enjoy it.

If you would like to hide comment box with post page and static page go through with the link.

Previous Post Next Post