Hide Blogger Widgets Using Simple CSS Trick - Helper Blogger

Blogger Widgets | Templates | Tutorials


Friday, 2 January 2015

Hide Blogger Widgets Using Simple CSS Trick

CSS is amazing! While playing with codes I got this simple but very effective trick. Sometimes your post area (content wrapper) height and sidebar wrapper height don't match i.e. if you write small post then the sidebar section goes very down (because of widgets) as compared to content wrapper and then it looks ugly. That's why to deal with such simple but negative impacting problem I have discovered this trick, Currently I am using this trick on some static pages and on post pages also. If you want to watch this trick live on a static page then visit our Tools Page and if you want to see same same trick on post page then visit this post.

Watch these two images (click on any image to enlarge)

Before Applying TrickAfter Applying Trick

Hope now you have got idea about this trick and how it is useful.

Watch This Trick Live In Action
On Post Page
On Static Page

How To Use This Trick?

  1. In order to hide any widget you must know its widget ID first, to find widget ID of any blogger widget click here and note down them in Notepad.
  2. I am going further assuming that you have got Widget IDs of widgets which you want to hide
  3. Now sort out Posts or Static Pages on which you want to hide widgets
  4. Open that Post/Page in Blogger Post Editor and move to HTML section
  5. Lets say that you want to hide widgets having below Widget ID

so that your CSS code to hide these widgets will be

    div#HTML12 {
        display: none;

Put your CSS code in HTML Section of Post Editor and preview your post, those widgets will no longer appear on screen :)

That's it.
Hope you guys will like this trick and don't forgot to share it if you find it useful :)


  1. This comment has been removed by the author.

  2. Well, this is something what most of the bloggers get stuck with. Handling widgets has been tricky and difficult for almost every blogger and they have to look for designers and developers to accomplish this. The post will be a lifesaver for all those.

  3. We provide you the best and Top Chandigarh escorts

    services at affordable price. Contact us or visit us today!!

  4. We provide you the best and Top Manali escorts services at affordable price. Contact us or visit us today!!

  5. We provide you the best and Top Dehradun escorts services at affordable price. Contact us or visit us today!!


  6. We provide you the best and Top Dehradun escorts services at affordable price. Contact us or visit us today!!


  7. Please keep updating this blog, it's been too long. Great post! We adore this blog and This information is very good.



  8. Thanks for sharing the information Today, every other person owns a smartphone and does almost everything on it. When smartphones have all these functions in them, including web browsing. If you have a website for your business that works excellently on a desktop but not on a mobile, then you are likely to miss the whole group of potential customers that mainly use mobiles to access their internet browsers.

    Digital Hub Solution and its team of Mobile App Development experts can prevent this from happening by the hands-on mobile development. We design an incredibly beautiful as well as user-friendly application that is sure to attract the intended customers.

  9. Interesting information and attractive.This blog is really rocking... Yes, the post is very interesting and I really like it.I never seen articles like this. I meant it's so knowledgeable, informative, and good looking site. I appreciate your hard work. Good job.
    Kindly visit us @
    Sathya Online Shopping
    Buy AC Online | AC Online Shopping | AC Price | Buy Air Conditioner Online
    Inverter Split AC | Best Inverter AC | Split AC Price | Buy Split AC Online
    Smart LED TV | Smart TV Price | LED TV Online | Buy LED TV Online
    Laptop Online | Laptop Price | Buy Laptop Online | Best Laptop
    Buy HD LED TV
    Buy Ultra HD TV Online
    Buy Mobile Online | Buy Smartphone Online in India


If you want to be informed about any replies then check "Notify me" option (present at lower right corner of comment box and it will display if you are logged in to your google account). PLEASE DO NOT SPAM