Blogger Label Specific Gadget

1:33:00 AM |


Identify the gadget's unique ID. For the sake of this tutorial, I'm going to be using the gadget ID #Text1.


Go to Dashboard - Template - Edit HTML - Expand Widget Templates - Find for </b:skin>- Paste the following code directly below </b:skin>:
1
2
3
4
5
6
7
<b:if cond='data:blog.url != &quot;http://yoboy-testblog7.blogspot.com/search/label/texthide&quot;'>
<style>
#Text1{
display: none;
}
</style>
</b:if>
Replace the address in Line 1 in the code above with the address of your label page. You can get the address of your label page by clicking on your label. It goes without saying that this is the label that you will be using to 'show' your gadget. I'll be using the label 'texthide' because I haven't had my coffee and I can't think of anything smart right now.

Also, replace the ID in Line 3 above with the ID of your gadget.


Step 4: 

Find for <b:loop values='data:post.labels' var='label'> - paste the following lines directly below it:
1
2
3
4
5
6
7
8
9
<b:if cond='data:blog.pageType != &quot;index&quot;'>
            <b:if cond='data:label.name == &quot;texthide&quot;'>
             <style>
              #Text1{
              display: block !important;
              }
             </style>
            </b:if>
          </b:if>
In Line 2, replace 'texthide' with the name of your label. And don't forget to change the Gadget ID in Line 4 above with that of yours.