Free mobile recharge for 10 lucky winners participate in this giveaway
HackingUniversity - Hacks . Tricks . How-To's

05 May 2014

How to Make Blogger Widgets Visible to Blog Admin Only

blogger-logoSometime you want some widget to be visible only the signed in admin of that particular blog, no other reader is able to see that widget and its content, well now it could be the page views counter that you would like to track but do not want any reader to see through it, well we have any easy trick that will help you in hiding your blogger widgets from your reader and showing it only to the blog admin.

Well by just adding a small span class value line to that widget could help you in achieving this effect. So check full steps below.

  1. Open Blogger > Template > Edit HTML.
  2. Press Ctrl + F & search for <b:widget id= now you will get a list of widget's with code somewhat like below.

    <b:widget id='HTML1' 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>

  3. Well now you need to search for the widget ID you need to hide from your readers and only displaying it to blog admin.
  4. So now after you get the widget ID you need to add the two lines in the above code, so your code will look like below.

    <b:widget id='HTML1' 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>

  5. So as you can see I have added the <span class to the above code, just add this line below the <b:includable id='main'> and </span> above </b:includable>
  6. Now just save your template and refresh your blog, till the time you are signed into your blogger account, you will see that widget.
  7. Now sign out your blogger account and your widget will get hidden automatically.

So now using this method its really easy for you to hide your widget from your blog readers, if you face any problem's do comment below.