Make Widgets and Gadgets only visible for admin

Many times we need to show widget for yourself only in Blogger. Best blogger always wants to make a to-do list, and they open their blogs every day. To remember what is the next post topic blogger use to do list. You can use the own website to watch every day that’s next. But the problem is that Blogspot show widgets to all readers and user who visit your site, and they also see this widget. But it’s not a tough to hide it from users, you can hide widgets from your readers, but it will be visible for you(if you are logged in with admin account of the blog).So with my trick you can able to add any widget without showing it your visitors.

In this tutorial, I will show you “How to make Widgets and Gadgets only visible for Admin”  in Blogspot.

Step 1: Login Account

Login to your Blogger account and select any Blog where you want to add visible widget only for admin.

Step 1:  Adding Any Widget

Go to Layer and add any widget. If you are adding custom HTML-CSS widget than name it because its name will be helpful for you to navigate it from template HTML.

Step 2: Adding Hide Codes

Now go to Template> Edit HTML, click anywhere inside the HTML box and press Ctrl+F to search a widget you add, search it with its name. Many times Blogspot system makes the code short in one line, click on the id of line to expand it. You will see codes look like this, which are coloured with *.

<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, you need to add <span class=’item-control blog-admin’> after the <b:includable id=’main’> tag or code and add this code </span> before the </b:includable> as shown in the Box. Please check the example to know deeply.

<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 3: Final Tech

Save Blogger Template and check it after logging out from your account or you can check it in a private browser tab.

Are you thinking that readers can view it by deleting codes by using inspect element of the browser. Don’t worry this widget is safe and invisible for any user who is not a member of your blog.

Muhammad Rizwan
 

My name is Muhammad Rizwan, and I am 16 years young self-called Blogger. I am a student of ICS and half-time blogger. I love to work on my website and sharing new things with worldwide peoples. I share blogspot tutorials, blogging tips, SEO tips, reviews and many other helpful articles on this blog.

Click Here to Leave a Comment Below 0 comments