How To Add Social Subscription Widget In Blogger

Today i am here with a new Social Subscription Widget. This widget is developed to be used in the sidebar of a website. However, anyone can use it according to their desire needs. Social Subscription Widgets help you to increase your visitors and to promote your Fan pages, etc. This widget is created by MBT. Screenshot of this Social Subscription Widget is below.

This gadget supports almost each and every platform whether its iPhone, iPad, Android and etc. This widget would add a widget box to the sidebar of your blog that consists of all the popular Social networking site such as Facebook, Twitter, Youtube and Google +.

Adding This Subscription box In Blogger

Follow the steps mentioned below and would barely take a few minutes to complete.

Go to Blogger Dashboard >> Select Your Site >> Layout >>Add A Gadget >> And Add HTML/JavaScript.

Now paste the following coding in the HTML/JavaScript Box.

<style>
#topbox{width:250px;border:1px solid #a1a1a1;background-color:#ffffff;padding-bottom:15px;padding-top:5px;padding-left:5px;}
#news-letter{clear:both;padding-top:20px;}
.msg-box{float:left;width:50px;height:54px;margin-right:9px;padding-top:5px;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKs42V6hzAX71tpmlpmTv3GEdw9tgjiF1zm_bilvRTWkksMDM4G9BQedBb1yitm67wK__40YXmwXWcsJmifS9sUEW9WU1B5FElsbscUMXdhNWn8DK2KCJdEzAh6htPqW0v1nBMcyLcID4/s800/mail-box.png) no-repeat;}
.news-headline{position: relative;z-index: 999;font-size: 18px;padding-bottom:10px;font-weight:bold;}
</style><br />
<div id="topbox">
<center>
<div class="news-headline" color:="color:">
Get Free Email Updates
</div>
</center>
<center>
<table border="0">
<tbody>
<tr>
<td style="padding-right: 4px;"><a href="http://twitter.com/blogolect" target="_blank" title="Follow Me On Twitter">
<img src="http://www.techblis.org/wp-content/uploads/2013/08/twitter.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/blogolect" target="_blank" title="Subscribe Via RSS">
<img src="http://www.techblis.org/wp-content/uploads/2013/08/feed.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://www.facebook.com/blogolect" target="_blank" title="Find Us On Facebook">
<img src="http://www.techblis.org/wp-content/uploads/2013/08/feacebook.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="https://plus.google.com/106747776208858917783" target="_blank" title="Add me on Google+">
<img src="http://www.techblis.org/wp-content/uploads/2013/08/gplus.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://youtube.com/#" target="_blank" title="Add To Technorati">
<img src="http://www.techblis.org/wp-content/uploads/2013/08/feed-2.png" style="height: 25px; width: 25px;" /></a>
</td></tr>
</tbody></table>
</center>
<a href="default.asp">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj47eVtWg5sG1qtfXDYtbsjA0SAaDclSCUZojZPLn-OHj-DjQBWf_C7wu4I91yT7PezA5Hb8wBVRobOckz7L74a8s19T4IgM27dtfivdo8CCzAfV2ub99pR3Iilecq2-0w2a7aliNwUw26f/s640/white-square-872x844.jpg" alt="rss subscribe widget for blogger" width="1" height="1" /></a>
<div id="news-letter">
<span class="msg-box"></span>
<b>Sign up for newsletter</b>
<br />
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogolect', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow">
<input class="ebutton3" gtbfieldid="2" maxlength="100" name="email" onfocus="this.value = '';" size="25" style="color: #333333; font-size: 11px; height: 21px; width: 130px;" type="text" valign="middle" value="Enter your email address" />
<input name="uri" type="hidden" value="blogolect" />
<input name="loc" type="hidden" value="en_US" />
<input class="ebutton2" id="submit" style="font-size: 11px;" type="submit" value="Send" />
</form>
</div>
</div>
<div class="clear">
</div>
<br />
<div class="clear">
</div>