How to remove side bar in Blogger

How to create Full length Blogger Page Or Post / How to remove side bar in Blogger ?

1. Go to Blogger.com >> Add Your New  Page/Post
2. Now select HTML TAB on Blogger Post Editor 
3. Paste the following CSS and XML Code: 

<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>

4. Replace width:98% according to your needs, you can even uses pixels instead of percentage i.e. 960px.

5. Now Publish it and then visit your site to witness a perfect full width page without sidebar.

Example: 

Before

After

 Keep Reading   www.welltricks.com
 

SHARE

Author

Hi, Its me Hafeez. A webdesigner, blogspot developer and UI/UX Designer. I am a certified Themeforest top Author and Front-End Developer. I'am business speaker, marketer, Blogger and Javascript Programmer.

• 
• 
• 
• 
•