How to Remove Side Bar in Blogger | How to Create Full Screen Width Page in Blogger


Hi to all, in this article I am going to tell you all about how to remove side bar in blogger website easily in just few minutes by just adding simple code.


So, read the below provided steps carefully to get clear understanding about removing side bar in blogger website without any error or issues.

How to Remove Side Bar in Blogger | How to Create Full Screen Width Page in Blogger

If you are using the blogger platform then you could neither cover a sidebar nor can create a full width page? Then then how to do this: blogger is not flexible platform, with the assist of XML and CSS we can able to eliminate the sidebar and may even increase the width without facing difficulties.


The main aim to increasing the width and hiding the sidebar on webpages is to convert your blog into an excellent looking professional website. 


If you are wondering to increase the width of your website by putting off the sidebar, then you will definitely have landed at the right place because now a days we can find out how to create a complete width webpages in blogger blog's and remove it's sidebar to make it more professional and attracts more organic traffic.



Why We Need Use Full Width In Pages


In earlier than we could leap on to our educational, let us first quick rap up, where in we are able to utilize the whole width pages. 

Now you could have seen those WordPress websites which uses the stretched in size and when ever they need to feature infographics to their posts. 

In that equal manner, you could either use them in approximately or market it here pages, so that you can gain maximum attraction from your every users.



Steps to Remove Side bar in Blogger



Login to Blogger Dashboard

First of all you need to visit official blogger website

Now you need to login to your blogger website dashboard by using your login credentials.


Create/Open the Post or Page

Now you need to create or open any one post or page where you need to remove the side bar and make that post or page as full screen.

Now you need to change compose view to HTML view.

Now you need to copy below provided code and paste the copied code in the post or page.

You can replace the width as per your requirements and needs.


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



If you want to exclude titles from a sure web page, then simply paste the following code earlier than </style> within the above coding. Bots and crawlers will hold to fetch your name, however, human site visitors will now not view them because with the assist of CSS we've got hid them.




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


So after adding the codes inside your post or pages, you can check them by visiting your webpage whether the code is working correctly or any error occurred.



Conclusion


I hope that you all have understood about removing side bar in blogger website and make your webpage as a full screen page and make your webpage as a professional website and attract new visitors to your website.



Next Post Previous Post

Cookies Consent

This website uses cookies to analyze traffic and offer you a better Browsing Experience. By using our website.

Learn More