The Simplest Sidebar Subscription Widget for Blogger

Here we are going to provide a very simple but essential subscription widget for blogger sidebar --> "The Simple Sidebar Subscription Box". This widget though being very simple is yet very essential and immensely important for your blog. The best part of this gadget is that it can suit any sort of template and its design. As you can see in the image, the gadget first contains an 'insert email' field where user can input there email ids and subscribe to your RSS email feed easily. Then there are Social Profile icons with links to the profiles like Facebook, Twitter, Google Plus. Thus overall, it helps in increasing your blog's readership.

Features:

• RSS email subscription form for users to subscribe to email feed easily.
• Compatible with top browsers like Google chrome, Firefox, Internet Explorer.
• Doesn't affect page load.
• Very Easy Installation!

Steps to add the widget to blogger:

• In the widget Creator given below in this post, fill in the IDs of your social profiles. [Just enter the IDs not the profile URLs]
• Click on the Generate button.
• The Code is generated. Log in to your blogger account.
• From your Blogger Dashboard go to Layout.
• Click on Add a Gadget and add HTML/JavaScript gadget
• Paste the code and save it.

Widget Generator

'Do You Like This?' Subscription Box Generator

Settings

Your Facebook Page Username
Google+ Page ID
Twitter Username
Feedburner ID

<style type="text/css">
#subscribe-box {
      overflow: hidden;
      margin: 10px 0 0 0;
      }

#subscribe-box a.subscribe-sec {
      display: inline-block;
      display: -moz-inline-stack;
      width: 40px;
      padding-top: 38px;
      zoom: 1;
      }

#subscribe-box a.subscribe-sec:hover {
      color: #660000;
      }
</style>

<form action="http://feedburner.google.com/fb/a/mailverify?uri=Tecnohertzz" style="border:1px solid #ccc;padding:3px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspot/qioqw&amp;loc=en_us', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><p>Latest Updates</p><p><input style="width:180px" name="email" type="text" value="Enter your email address:" onclick="this.value=&#39;&#39;;" /><input value="Tecnohertzz" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /><input value="Subscribe" type="submit" /></p>

<p><div id="subscribe-box">
<a title="Twitter" href="http://twitter.com/Tecnohertzz" class="subscribe-sec" style="background: url(https://lh4.googleusercontent.com/-3s2FTzN7-Xo/T-mg4jdsDJI/AAAAAAAABoA/xj-dlmEAaDY/s32/twitter.png) center top no-repeat"></a>
<a title="Facebook" href="https://www.facebook.com/Tecnohertzz" class="subscribe-sec" style="background: url(https://lh3.googleusercontent.com/-VlGeEI8v-0M/T-mgt8L2hVI/AAAAAAAABmA/IvfGW-aJ2yw/s32/facebook.png) center top no-repeat"></a>
<a title="https://plus.google.com/107925603909723241470" class="subscribe-sec" style="background: url(https://lh4.googleusercontent.com/-DK78w6RMWc0/UGiKbLxDUbI/AAAAAAAAA60/q-kyuvFwcQ4/s32/new-g-plus-icon-32.png) center top no-repeat"></a>

<a title="RSS Feed" href="http://feeds.feedburner.com/Tecnohertzz" class="subscribe-sec" style="background: url(https://lh5.googleusercontent.com/-m2Lyqvhjo6A/T-mgxCnjBxI/AAAAAAAABmw/MiA5MD7u1nc/s32/rss.png) center top no-repeat"></a>
</div></p>

</form>

We hope you have successfully installed this amazing widget on your blog without any problems. If you still need any help or getting any errors in installing this social subscription widget, then don’t hesitate to ask us through comments. Let us know what your views are in the comments for any improvements in its design or codings.