How to Hide Sidebar, Header in Individual Post and Static Page

As many times we want to create a full width page post related with different topic like as we create for generators and for this simple implementation we have to hide our sidebar, post footer, middle bar etc. in specific post or in static pages.

Live Demo

 Hide Sidebar in Pages and Posts

• Login to Blogger > Dashboard
• Click on Drop Down Menu and select Post
• Click on HTML
• Paste below code in it, before create a post.

    <style>

    #sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;}

    #main-wrapper { width:98%!important;}

    .post { width:98%!important; }

    </style>

• Now you can start to write your post.
• This code will hide your sidebar, middle sidebar, post footer and other unnecessary widget in specific. 

Hide Only Header in  Pages and Posts

• Login to Blogger > Dashboard
• Click on Drop Down Menu and select Post
• Click on HTML
• Paste below code in it, before create a post.

    <style>

    #header { display:none !important;}

    #main-wrapper { width:742px!important;}

    .post { width:715px!important; }

    </style>

•  Now you can start to write your post.
• This code will hide only header in specific post and in pages.

Customization

• Adjust the width to replace this 98% according to your blog width and requirements.
• Adjust the width to replace this 742px and 715px according to your blog width and requirements.

If Any Problem Comes, Ask in Comments