Hide Sidebar Widgets on Specific Pages and Increase Page Layout Size on Blogger

You may have noticed some pages of certain blog does not have sidebar, thus increasing layout and page size.This will be very useful for pages like About Us, Contact etc., Doing this will remove all widgets on sidebar including ads, Popular post widget and all.But footer menus will be constant without any change.

Do remember google adsense ads and other widgets also will be hidden after doing this task.

It is simple as adding a small piece of HTML Tags with a few changes like adding your specific blog page URL which you want to hide sidebar widgets.

Read :How To Remove Hidden Credit Link From Blogger Template

How To Hide Widgets ?

1. Go to Blogger Dashboard > Template

2. Now click on Edit HTML option on orange CTA Box

3.  Press CTRL+F and type ]]></b:skin> then hit enter

4. Now just paste the below given HTML code above ]]></b:skin> tag

<b:if cond='data:blog.url == &quot;www.IPEEWorld.com&quot;'> 
#sidebar-wrapper, .blog-pager, .post-header-line-1, .post-footer{ display:none !important;}
#main-wrapper { width:99%!important;}
.post { width:99%!important; }

Replace www.IPEEWorld.com with your desired page URL

Finally, Click save template

Now you have hidden sidebar widgets on a specific page.Anytime you can bring those hidden sidebar widgets back by removing the added code completely.

Now let me know if you have any problem or feedback,Kindly do comment and share it on social profiles.

Read : Add non Removable Credit Link To Blogger Blog

About the author

Astro Joseph

Hey Guys, I'm Astro K Joseph, Founder and CEO of IPEE World from Kerala, India. I started this blog as a passion and it now empowering thousands of readers around the globe.Here I usually share stuff related to How To, Android, Windows, Facebook, WhatsApp, Blogging, etc.

Leave a Comment