Don't Miss

How To Add Social Subscription Widget In Blogger

By Zohaib Liaqat - 5 Comments
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>

Customization:

  • Replace http://twitter.com/blogolect with your Twitter URL.

  • Replace  http://feeds.feedburner.com/blogolect with your Feed URL.

  • Replace http://www.facebook.com/blogolect with your facebook Fan Page URL.

  • Replace https://plus.google.com/106747776208858917783 with your Google + Profile URL.

  • Replace http://youtube.com/# with your YouTube URL.

  • Replace blogolect with yout feed Name.

 ---> Do you enjoy this article? Share it with friends/followers and subscribe to this blog now, for you to stay updated with our latest post.  


Tags:

5 comments to ''How To Add Social Subscription Widget In Blogger"

ADD COMMENT
  1. At one time, the online dissertation writing service jetwriting helped me a lot to write my dissertation. They helped to cope with all the difficulties and did everything ahead of time.

    ReplyDelete
  2. This comment has been removed by the author.

    ReplyDelete
  3. Activities and interactive math games for children of all ages to give your child practice on important number skills in a playful way.If your kids 3nd grade math games you are not alone. Here are some math activities for kids to help them learn to love math one problem at a time.

    ReplyDelete