Show Mobile Navigation
, ,

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

Hemant Verma - 12:51 PM

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.





 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



12 comments:

  1. hemant wanted to ask that the template which you have applied only shows the full content of the first post?? on the second posts it shows read more ?? can you fix it??? plz??

    ReplyDelete
  2. @Saumitra YadavI didn't embed codes for that which are you saying. This function id by default in your blog.

    ReplyDelete
  3. @hemant Can u Fix It pLz bro...??? Plz???

    ReplyDelete
  4. @Saumitra Yadavafter 2-3 days i'll give a post related with ur problem. So, stay tune with us.


    Thanks & Regards,
    Hemant Verma

    ReplyDelete
  5. Thank you very much! I search all over the internet and nothing useful. Thank God I stumbled in your site! Cheers bro :)
    Note: This technique not recommended for the default blogger templates. Use the code if you downloaded the new templates from other site like btemplates.com.

    ReplyDelete
  6. Hemant please help me. I have a blog and I want a page to remove the side bar. This is the page. I was searching for an answer in all Internet. with no results. Please help me. This is a third party template:
    http://www.poemasalacarta.com/2013/01/contenido-gratuito.html

    ReplyDelete
  7. @Ayra Rousseplease clear me one thing that from where to hide you sidebar e.g. from home page or from all post or from a single post.

    ReplyDelete
  8. assalamu alaykum
    dear brother
    shayri ki duniya

    dear brother
    great great great thank you.
    i subscribe your blog
    great thanks

    ReplyDelete
    Replies
    1. Your most welcome bro. Thanks for subscribing us.

      Delete
  9. hi,...
    I really like your article about hiding sidebar. My site is http://www.needonetouch.org/. Do you like to associate with me? kindly mail me about your opinion.
    one touch
    Akhil

    ReplyDelete
  10. Very helpful tutorial. It will increase page loading speed. I will apply this on my blog
    TekPip.

    ReplyDelete

You may use these HTML tags and attributes: <a href="" title=""> </a> <b> </b><strong> </strong>

 



Make Your Blog Like a Pro
About | Contact | Affiliates | Privacy Policy | TOS