In previous post we discussed "How to Show Hide Widgets in Home/Posts/Pages or Archives" we use some html codes to do this but in this post we describe How you can hide widgets in post using simple css code, as you know css is amazing, playing with CSS codes we found this very simple and helpful tricky code. Sometimes our posts are too small but sidebar height is long and don't match. So when we will publish a small post can hide some unrelated widgets from blogger sidebar.
 |
HOW TO USE THIS TRICK..??
- 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.
- Now sort out Posts or Static Pages on which you want to hide widgets.
- Open that Post/Page in Blogger Post Editor and move to HTML section.
- Lets say that you want to hide widgets having below Widget ID.
HTML2, HTML4, HTML6 and HTML12 or Popular Posts, Blogarchive1, etc
Below is your CSS code to hide above widgets.
<style> div#HTML2, div#HTML4, div#Popular Posts, div#Blogarchive1 { display: none; } </style>
Past your CSS code at top of HTML Section of your Post, Update or Publish and preview your post, those widgets will no longer appear on screen.
That's All.
Hope you will like this trick and don't forgot to share it if you find it helpful.
Happy Blogging.......
Post a Comment