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

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 sidebarpost footermiddle bar etc. in specific post or in static pages.

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

Share on Facebook0Share on Google+0Tweet about this on TwitterPin on Pinterest0Share on Reddit0Share on Tumblr0Digg thisBuffer this pageEmail this to someone

Reply