Hiding or Displaying Blogger Widget in Specific Page.

It means you want to hide or Display widget in Specific page.You may want to hide AdSense widget from Post page or show them in Only post page then here is how to do it.Just you need a widget which is to be hidden apply conditionals Tags and Use display:none CSS declaration in Template.Am I confusing you if yes then kindly follow us you will understand properly from below.Lets see one screenshot

1. Go to Blogger Design>Template
2. Back Up your Blog
3. Find your widget and Section Id.If you don’t know how to find widget unique Id then you can learn from here.
4. Go to edit HTML
5. Find this similar codes in your Template.

   <b:widget id='WidgetId' locked='false' title=’Name' type='HTML'>
   <b:includable id='main'>
     <!-- only display title if it's non-empty -->
     <b:if cond='data:title != &quot;&quot;'>
       <h3 class='title'><data:title/></h3>
     </b:if>
     <div class='widget-content'>
       <data:content/>
     </div>
     <b:include name='quickedit'/>
   </b:includable>
   </b:widget>
   
   

6. If you are using HTML widget then only such type of codes is seen.Although in other widget you can find change after line 6 up to line 10.Last 2 line is similar.
7. In Line 1 you need to find using your own Widget id ,title and type will be different.But to hide or show widget just you need to apply one line conditional tags(Without using closing Tag) after <b:includable id=’main’> and add following codes before </b:includable> .

   <b:else/>
   <style type=”text/css”>
   #WidgetID {
      display:none!important
   }
   </b:if>
   
   

8. Lastly it should look like this.

   <b:widget id='WidgetId' locked='false' title=’Name' type='HTML'>
   <b:includable id='main'>
   Conditionals Tags Here
     <!-- only display title if it's non-empty -->
     <b:if cond='data:title != &quot;&quot;'>
       <h3 class='title'><data:title/></h3>
     </b:if>
     <div class='widget-content'>
       <data:content/>
     </div>
     <b:include name='quickedit'/>
   <b:else/>
   <style type=”text/css”>
   #WidgetID {
   display:none!important
   }
   
   </b:if>
   </b:includable>
   </b:widget>
   
   
   

9. Click on Save Button.

Enjoy.

Admin of Blogger Rounder
Shirshak is the Administrator of the Blogger Rounder who thinks he will die next to Blogger. He is Completely devoted to Blogger and thinks Web Designing will makes is career.You contact using contact form from navigation tab to him.You can find him in Twitter.

Subscribe for free
Thanks for visiting Blogger Rounder.We can subscribe to Blogger Rounder'^s by RSS feed or email updates.