How To Hide Blogger Sidebar And Increase Page/Post Layout Size

Hiding your sidebar to increase page layout will make your static page or post pages to look like a plain static html webpage with no labels or widgets, example of this can be found on this site 404 error page. All what you will see, is a wide layout displaying no sidebar widget. It doesn't matter where your side position is (left or right), the posting or pages area will override the sidebar layout.

How To Increase Page Layout

• Go to your blogger dashboard
• Click on "Design" > "Edit HTML" (For old interface)
• Click on "Template" > "Edit HTML" > "Proceed" (For new interface)
• Use ctrl F to find ]]></b:skin> and paste the following code below/after ]]></b:skin>

<b:if cond='data:blog.url == "Enter-Your-Page-Url-Here"'>
<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>

• Replace Enter-Your-Page-Url-Here with the link of the page or post you want to increase it's layout to full width.
• If you want to apply full layout to all pages, instead of adding it one by one, simply replace Enter-Your-Page-Url-Here with Static_page
•  If you want to apply full layout to all post-pages, instead of adding link one after the other, simply replace Enter-Your-Page-Url-Here with Item, but it is not advisable that, you apply it to all post-pages.

That's all.
Enjoy! and share this post with friends/followers. Take care pals :)

Enjoyed This Post? Subscribe For More Update!

Follow @realcombiz