How to Make a Gadget visible only to blog Administrator

Sometimes we want to make some gadgets visible only to us in blogger. A traffic counter, or any gadget while we are customizing it, we want to hide all these types of widgets from our visitors, until they are fully customized. So, if you don't know that how to hide a gadget from your visitors, then don't worry, today in this tutorial we'll show you How to Make a Gadget visible only to blog Administrator. The procedure is simple and you just have to add two lines to hide a specific widget from your visitors.

How to Make a Gadget visible only to blog Administrator 

Step 1. Log in to your Blogger Account
Step 2. Go to Template and click on Edit HTML
Step 3. Now search (Ctrl + F) for the widget code that you want to hide
For Example, my widget code is

<b:widget id='HTML8' locked='false' title='' type='HTML'>
            <b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>             
</b:includable>
          </b:widget>

To hide this widget from your users add <span class='item-control blog-admin'> after/below <b:includable id='main'> and </span> before/above </b:includable> tag. Check the example below:

<b:widget id='HTML8' locked='false' title='' type='HTML'>
            <b:includable id='main'>
<span class='item-control blog-admin'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>

  <b:include name='quickedit'/>
  </span>           
</b:includable>
          </b:widget>

Step 4. Now click on Save template button
Congratulations: Now this widget is hidden from your visitors.
Note: Sometimes the widget codes are not expanded and are in the form of folds. So to expand the widget code click on the sideway arrow next to the widget's id.
And you're done!

Share This:

Tags:

Blogging Tips

• Prevoius
• Next