Home » » Stylish Rss Feed, Facebook, Twitter, Email Subscription Widget to Blogger

Stylish Rss Feed, Facebook, Twitter, Email Subscription Widget to Blogger

Do you want to add Excellent/Stylish Rss Feed, Facebook, Twitter, Google Plus, Email Subscription Widget to Blogger? By this widget visitor can subscribe to your blog and get update easily. To do it just follow the below steps:


1. Login to your Blogger account.

2. Click on Dashboard >> Layout.

3. Click on Add a Gadget.

4. Select HTML/Javascript widget.

5. Paste the following code and Save.

<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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIsBTG9AptP5oy_FFUoF1_y-oWEQUHPzhFYx2dtj7Es90PnSMvQm5Axmgv9m_L9r0P_yaRzPr4Cr95QSH2m68Qoex8Y-r2SU4YwuwZH0ELB6NoHHd1EiGKi_n4-WRW45cxeibQCcP_Gtw/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/sr-site" target="_blank" title="Follow Me On Twitter">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2FfTBhwXdAxXUC69SVmiCOLaowD1MnqsIV-MFqIPJfU3s9xcQQIaHKAvG9bacPQJs4y-q8_r3Qb3jD6O7Jza40ZQzNXB3DsEJX5UbNeLTa-dndTXQzROzxLfdMwx2BwgjEtvhIay2g_k/s1600/sr-site.com-twitter-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/sr-site" target="_blank" title="Subscribe Via RSS">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMGtwZNkxcKcMoGTEbCY97iujNfm-vxnMaF17hXbJKk3Nmbn-hRdaipOcOmdTtz0moFlysun0w_Yl88jh5TpDdGA2kndOpYxxcxTZ7BgvstLULzuRuFcmQzjloJ7IPZw4qT4UuiLt6iv0/s1600/sr-site.com-rss-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://www.facebook.com/sr-site" target="_blank" title="Find Us On Facebook">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT28pb55Fwhjo8oE4myB24DZphrsstE4upF5GCtIdvvmTa8V7NofjJkVcU01FxrebUlImTNJEEg9D0Ayy1FCrdVRdK_JZMwwbl8-a0RHKyYUFeUCyx9lBuDy_yOLk7hjiZDq_QmM0tQd8/s1600/sr-site.com-facebook-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="https://plus.google.com/107955298793879607964" target="_blank" title="Add me on Google+">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1dkRMi-VMAZuYB9vxCSvdxMofBt2oMDfMBYa-2E4xD0f-lJ4VYRJtZgqq5zbjYfKEvkO7f_l2R__G9QI1W72mG6xEO6_nw-Apa1vEHA7LNK9TKgj_WwEdDTMH9wh5LkyH-SteJZupESY/s1600/sr-site.com-google-plus-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://youtube.com/username" target="_blank" title="Add To Technorati">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5RedCb3zNsVIf4W9ipXv5GSChVHZjGue8PpfCKghNHk0AY6s46Q6FeD9lq1a-tsNgoJJM4d4NImaJxjnMRryfiZNeoCGYb0S4QbGreAz1O6oJmx7ja2eaCoQtv_uvBTrcbYjAXcAKSfU/s1600/sr-site.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=sr-site', '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="sr-site" />
<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>

0 comments:

Post a Comment