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 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 how to u
Read more

How To Change Blogger (Blogspot) Template?

Image
When I started Blogging, I do not have much knowledge about the blog design and layout. At that time, I use default blogger templates on my blog which is not that much attractive. When I learn how to do modifications in default blogger templates and also how you can apply a third party blogspot/blogger template or theme to your blog. This is a quite simple task and require just few mouse clicks. No matter whether you want to change a bakery website design template  or any other kind of templates, it’s easy to do so. So let's start how you can change your blogger theme/template easily. Changing Blogger (Blogspot) Template : To get any third party template, simply search on google @Blogger Templates and you will find various free sites for it. Download any template of your choice.  Now to change your template follow the given steps : First of all, Log in to your Blogger account. Click on the drop down sajian and choose   Template . Press   Backup/Restore   button
Read more

How To Insert Emoji, Special Characters And Symbols In Blogger?

Image
Nowadays its a isu terkini going to use emojis to share feelings. People use to add emojis in every particular message to express their feelings while typing that message. Sometimes, a blogger also realizes to express his/her feelings through emojis while writing a blog post. Blogger platform provides such a great option by default in Post-Editor. You can use special characters, emojis, and symbols directly from your Blogger Post-Editor. Not only that, you can also draw special symbols through your mouse and get the perfect match of that specific character. You can use the Blogger "Insert special character" tool to insert arrows (↑→), mathematical symbols (⺟∫), accented (éü) or non-Latin characters (禁𓁗) and even emoji (🐦✋). So, let's start learning how you can insert emojis and special characters in blogger.  Also Check:   Blogger Released Free SSL (HTTPS) for Custom Domains Why Use Emoji in Blog Posts? : Advantages You must be aware that emoji were used over
Read more