Blogger is huge platform there you cancreate a full width page with CSS and XML you can set full width and remove sidebar on specific pages you want. Sometimes when we create a new page you can usually see that the sidebar is also existing and some people think that the sidebar never remove in Blogger but as we always say that Blogger platform is fully customizable you can customize it as you want.Today guys i will share a simple trick to remove sidebars etc. We can do this with just some simple CSS codes using this you can do that too. So let’s start our today’s article.
How To Remove Sidebars And Create A Full Width Page?
To remove sidebars and create a full width page or post you need to just follow these simple steps.- Go to Blogger
- Create a new page or post what you want
- Now select HTML Tab on Post Editor
- Paste the following code at the beginning of page
<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>
- You can change the width:98% to what you want if you want to increase size then increase it if want to reduce then decrease it.
I've tried several tutorials on removing the sidebar and keep coming up short. This one is not working for me. Have any idea what I'm doing wrong?
ReplyDeleteThis the page I'm trying to remove sidebar and widen:
http://edumissions.blogspot.com/p/the-author.html
Try Code from this website, Hope so it will work.
ReplyDeletehttp://bloggertipsmania.blogspot.com/2014/08/remove-sidebar-in-blogger-pages.html