The most effective method to Create a Full Width Page and Remove Sidebar on Blogger
Wanna learn how to create a complete-width page in a blogger weblog and take away its sidebar. Being a blogger consumer, now and again your idea to create a complete web page having no sidebar that looks greater professional. If you are thinking of a blogger platform you could neither cover a sidebar nor can create a full-width page? Then the answer is: blogger is not a flexible platform though, with the assist of XML and CSS we are able to eliminate the sidebar and may even increase the width without facing difficulties by any means.
You will often have a contact us web page or about me web page even though some of them have advertised our web page on their blog/ web sites then you can feel a big distinction among these and regular pages. The main intention at the back of increasing the width and hiding sidebar on positive pages is to convert your blog right into an excellent-looking internet site. If you are wondering to stretch the width of your website by using putting off the sidebar, then you definitely have landed at the right destination because nowadays we can find out how to create a complete-width web page in a blogger blog and remove its sidebar to make it more professional and draws loads of traffic.
Where And Why We Should Use Full Width In Pages?
Earlier than we could leap onto our educational, let us first quick rap up, wherein we are able to utilize the whole-width pages. Now you could have seen those WordPress websites which use stretched in size, whenever they need to feature infographics to their posts. In that equal manner, you could either use them in approximately us or market it here pages, so that you can gain maximum attraction from your every vacationer. Let's begin the tutorial.
How To Create a Full Width Page and Remove Sidebar On Blogger?
1. Go to blogger.com > Add a new page
2. Now select HTML tab on Blogger post editor
3. Paste the following CSS bottom of your page content
<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>
Additional Hints: 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;}
Post a Comment