How to create blogger post Full width

Is there any way I can create full width blogger post or static page? Yes, You can. I always wanted to make certain pages like about us, Contact us Pages full width, without any sidebar, footer or maybe header also. But I did not know how to do that. Finally I found the trick that can make it happen.  Today I am going to show you how to create full width post and static pages in blogger.
 

Live Demo

How to remove sidebar and make blogger post full width:    

1Log in to you blogger account and create new post or static page.

2Select HTML editor.

3After selecting HTML Editor you will find code like below.

<div dir="ltr" style="text-align: left;" trbidi="on">


    </div>

4now copy below code and paste before div.

<style>


        .sidebar, #sidebar-wrapper2, #sidebar-wrapper, #sidebar2-wrapper, .main-inner .column-right-inner,  #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;}


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

     

        .post { width:98%!important; }


        </style>

Note: You can adjust width by replacing 98% to any numbers. You can also use pixels instead of percentage ex: width: 960px; 

Preview:

Click on image to enlarge.

5Click on Publish post to finish.

Now, check the post you will find post with full width and without sidebar.

Note: If none of the above code work for you then mail me your blog address or comment it.