How to Create A Full-Width Page Without Sidebar In Blogger

As we've been talking regarding diary style since the creation of this blog and that we would love to continue providing you higher understanding of Blogger blogs. 

As we told, Blogger diary square measure customize-able and you'll do amendment your blog style by yourself. In blogger we have a tendency to continually see a static model that sometimes features a header, a navigation bar, a sidebar, post body and a footer. And whenever, we have a tendency to visit any page of our diary blog we have a tendency to see all the weather all the time. whether or not you visit a tab page or one post you will see sidebar and footer etc altogether. nowadays i might wish to share a trick with you guys regarding making a full-width page on blogger while not sidebars etc. Let's begin doing things quickly.

Before attending to apply this trick on your diary, take a glance at the demo that is my regarding American state page:

PAGE DEMO 

How to Create a Page Having no sidebar?

In order to add a page that doesn't have a sidebar; You'll use few codes of CSS. It shouldn't take you more than five minutes to finish the task. Now follow the steps below:

• Log-in to Blogger 
• Create a New Page or Post
• While editing the page click the HTML Editor tab (Appears at top left)
• At the beginning of the page insert following CSS code

<style>#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post- header-line-1, .post-footer { display:none !important;}#main-wrapper { width:100%!important;}.post { width:100%!important; }</style>

Now switch back to compose editor and edit your post/page as the way you want. When you insert all the content in that page; simply publish that. After publishing view that page on the browser, there won't be sidebar and page will be with its full width.


Note: You can also apply this trick on your existing pages or posts. Just edit those pages/posts and click the HTML tab and at the beginning of the page insert the above CSS code.

Customization

You can change the Width:100% to any value you want. If you want the page smaller then reduce the 100% to your own width.

Need Help?

If you need further help regarding this tutorial or regarding this blog then just leave your comment below the post. I will be happy to answer your queries shortly.