Monday, January 21, 2013

Add Sleek and Cool Social Subscription Widget To Blogger Blog

Author: Gagan Masoun
Add Sleek and Cool Social Subscription Widget To Blogger BlogIn this new year you will get a lot of attractive stuff from our blog. If you are looking for sleek and cool social subscription widget for your blogger blog then stop here. Because I'm going to share pretty cool RSS social subscription widget with all of you. This unique widget load fast on blog.

Your blog visitors can easily subscribe your fresh updates by using this widget. You can check live demo for this widget. If you don't like this then you should check our previous RSS feed subscription widget by click this link.


Live Demo

How To Add Sleek and Cool Social Subscription Widget To Blogger

  • Go to Dashboard > Design > Page Elements.
  • Click Add A Gadget. In New Window, Select HTML/Javascript .
  • Copy The Code Given Below and Paste It Inside The Box.
  • Save The Gadget

How To Add Sleek and Cool Social Subscription Widget To WordPress

  • Go to Dashboard > Appearance > Widgets > Available Widgets
  • Drag Text Widget Into a Sidebar.
  • Paste In The Code.
  • Save Widget & Its Done
  • Code For Angry Birds Social Sharing Widget

Code For Sleek and Cool Social Subscription Widget

<style>
#topbox{width:250px;border:1px solid #a1a1a1;background-color:#ffffff;padding-bottom:15px;padding-top:5px;}
#news-letter{clear:both;padding-top:10px;}
.msg-box{float:left;width:50px;height:54px;margin-right:9px;padding-top:5px;background: url(http://4.bp.blogspot.com/-gNpAHnRYp9w/UP0IHcILq2I/AAAAAAAApgY/u8hQO_ilJRY/s1600/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/BlogsDaddy" target="_blank" title="Follow Me On Twitter">
<img src="http://1.bp.blogspot.com/-DsLFt_hSPoU/UP0IGc8SeiI/AAAAAAAApgI/fzKRcFq29fI/s1600/Blogsdaddy.com-twitter-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/BlogsDaddy" target="_blank" title="Subscribe Via RSS">
<img src="http://2.bp.blogspot.com/-lFe1OxLD6RA/UP0IHETgQfI/AAAAAAAApgU/ooF2CnkYiHQ/s1600/blogsdaddy.com-rss-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://www.facebook.com/BlogsDaddy" target="_blank" title="Find Us On Facebook">
<img src="http://4.bp.blogspot.com/-bCI78EkqDzI/UP0IGjnBnvI/AAAAAAAApgM/l06JDrbXjjQ/s1600/blogsdaddy.com-facebook-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="https://plus.google.com/117100549673033253859" target="_blank" title="Add me on Google+">
<img src="http://4.bp.blogspot.com/-w2tGhCZ0Jak/UP0IGa2VbxI/AAAAAAAApgQ/gKQEGBoJEbQ/s1600/blogsdaddy.com-google-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://youtube.com/5abiRaag" target="_blank" title="Subscribe On YouTube">
<img src="http://4.bp.blogspot.com/-zih6qgmpouk/UP0IHWeq40I/AAAAAAAApgc/q2dDXdbRFhM/s1600/blogsdaddy.com-youtube-icon.png" style="height: 25px; width: 25px;" /></a>
</td></tr>
</tbody></table>
</center>
<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=BlogsDaddy', '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="BlogsDaddy" />
<input name="loc" type="hidden" value="en_US" />
<input class="ebutton2" id="submit" style="font-size: 11px;" type="submit" value="Send" />
</form>
</div>
Remember Note: Replace yellow highlighted URL's with your own social profile links. Replace red highlighted text with your own Feedburner username.

You May Like To Read:
Got questions? Do not hesitate to ask questions you have related to this post too. Let's join the conversation.

Author
Author - Gagan Masoun is the owner of Blogs Daddy Blog.Gagan lives in India, has been blogging since 2010 and writing Blogs Daddy Blog since 2011.You can find him in the usual social networks.

6 comments:

  1. nice thanks. I like this. Regards http://www.bloggerspice.com/

    ReplyDelete
    Replies
    1. Thanks for your compliments mate :)

      Cheers...

      Delete
  2. Replies
    1. Thanks for complement... Adrian :), Your blog is also pretty cool.

      Cheers...!!!

      Delete
  3. Good information,you have given. you have providing good seo techniques this blog.

    ReplyDelete