How To Create Full Width Page And Hide Sidebar In Blogger

blogspot user we thought that hiding a blogger blog and create a full width page with no sidebar.



Removing Sidebar and Increase Width of  Pages:

Just follow the below simple steps to hide sidebar in your certain blogger page or post :

1. Go to Blogger.com >> Add New Page/Post
2. Now select Edit HTML tab of Blogger Template.
3. Paste the following CSS :
<style>
#sidebar-wrapper, #midsidebar-wrapper, .gapad2, .blog-pager, .post-header-line-1, .post-footer { display:none !important;} #main-wrapper { width:99%!important;} .post { width:99%!important; }
</style>

4. Replace width:99% according to your needs, you can even uses pixels instead of percentage i.e. 960px.
Additional Coding : If you also want to hide Titles from a certain page, then just paste the following code before </style> in above coding. ( it will not effect crawling as bots can easily see these things)

.post-title, .post-labels, post-icons, post-author {display:none!important;}

5. Now publish it and then visit your site to check your blog pages with perfect look.

This code hides the sidebar of your blog and gives a more professional look to your blog pages.
I hope you successfully publish your full width page/post. If you face any difficulty let me know in comments.

Comments

Post a Comment

Popular posts from this blog

How To Hide/Remove Blogger Navbar?

Image
Blogger platform has many cool features thats why most blogger like and prefer it. Also, a new blogger blog contains many widgets which some people like but some dislike. They are Attribution widget , favicon and so on . One such widget is Blogspot Navbar (Navigation Bar) as some bloggers like this widget as it allows visitors to Follow, Share and Search your blog while some bloggers dislike it as this is not professional looking so they want to remove it. So today here we will learn the best 3 ways to completely hide/remove blogger navbar widget easily. How to Remove Blogger (Blogspot) Navbar? Method : 1 Go to the Layout section of your Blogger blog. Click on "Edit" link of Navbar widget and you should be in the Navbar Configuration window.​ Blogger navbar configuration window.  Choose "Off" and click on "Save" button. Method 2 : Go to Blogger Template > Edit HTML. Search for </b:skin> and just above it paste the fo...
Read more

Google Adsense Approval Trick By Bbeginner : Revealed

Image
Have you tried submitting Adsense approval again and again but never gets approval? Have you got frustrated by keeping changes to your website but still cannot comply your site with Adsense policies? Do you think you have a blog which follows full Adsense criteria but still Adsense keeps rejecting your application each time? If YES, then you're at a right place. Today I am going to share the most awaited Adsense Approval trick by which each and every blogger can get Google Adsense Approved Account by putting little efforts. I found people selling Adsense accounts at high prices and there's no way out for people who can't get Adsense approval so they agree to buy Adsense accounts at high prices. You can see such people on Facebook Buy and Sell groups. This is totally unfair for the one who has a good blog but no money to buy accounts and can monetize his/her contents. So, I will share the best Adsense Approval trick which I discovered a few days back. So without wasting...
Read more

How To Setup Freenom Domains (.Tk, .Ml, .Cf, .Ga, .Gq) As Blogger Custom Domain?

Image
Adding a custom domain to your blog brings more professionality and increase your rankings in search engines . Adding a custom domain to your blogger blog will change your blog address from yourblog.blogspot.com to yourblog.com, yourblog.tk, yourblog.net or whatever domain extension you registered. Today I am going to share a great tutorial on how you can register free .tk, .ga, .gq, .cf, .ml domains for your blog and use it as a custom domain name in blogger. This will surely build a trust toward your visitors and increase your visitors count too as people prefer to visit a custom domain blog instead of a sub-domain. So let's start the tutorial on using freenom free domain names as blogspot blog's custom domain. Also Check : Complete Guide to Setup WordPress Blog How to Register Free Freenom Domain : Just follow the below steps to register your .tk, .ml, .cf, .ga, .gq domain name for 1 year absolutely free of cost. After the completion, we will discuss on ho...
Read more