In this tutorial i'm going to explain how to add rss feed subscribe box for blogger.This is a cool and simple widget.users can subscribe your blog/websites.It will help to get the new updates by emails and also with social sharing media profiles.
DEMO
1. Log in to blogger account.2. Now select "Layout"
3. Click Add Gadget and select 'HTML/Javascript
4. Paste below code
<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/AVvXsEjsynwoZJxa4icw1uciNwfb45fYV_7u6WHK1iL3idVG5eSlqEvh2pjziv1_T6aQljfFz1yTw8ss7_C63shYhu27OHw4q1ecemvt61xw3YIAqmu83Cgrru0r3wU4DnYGFSJdmOaRbCglsNs/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/bloggersstand" target="_blank" title="Follow Me On Twitter">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibW7FoOVa5xXj0bFNPlPEbPxrVl5fx3tbs00W660Uwk2Ti6Kf9JrXR5gQetfP0Zeo1swJxiwQJVngFXZSrv5yJPTfTUtS1a9J0RBbF4QoaEPBJIP2xbYjiig9xdB8mxf9JIs0kMpngqFs/s1600/bloggertrix.com-twitter-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/bloggersstand" target="_blank" title="Subscribe Via RSS">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgctVqQLxvoMuELogzPG9J8-j2Czz4Ma5-HGmL0AweDyRYq9M5mn1PPqm9WiigWXdgqU9DOHbeLCSHb7UHqhBxem9pPQJ0NFwbMEXbSGLisweO81_34BrzWwdUZimyUsTKrslyklv5meXk/s1600/bloggertrix.com-rss-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://www.facebook.com/bloggersstand" target="_blank" title="Find Us On Facebook">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8nc1a7zZrFaAkd5Y6M0FTYL_Ts5B6EkuRLE87IbrdAANlZQuBkm4sM_jrmkFv5rgRYF2E-0HVPRCgQG34c4yZ0jmBEhOwKm77IpR3zGtt-R6NjsMduxxqsOcwxxgD1IflNZbo9a1ZTpo/s1600/bloggertrix.com-facebook-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="https://plus.google.com/115587840274121878323" target="_blank" title="Add me on Google+">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtwDiNnNcR4bI-wUgmC_2DkDhe3nNg79EBx0bcWNO7Efw-WWFv6SmCtpsZzuCdF6Xt5ekRgNb7VGFPj0dIMk9Dl4PnAbr_JRCdBKmTstMI50nkB7JEf03TYlijJh0y7Bkov5VNfp3XwTA/s1600/bloggertrix.com-google-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 Youtube">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9H3RMZRY0vxhf4kZJFZFbVPmJY4TiCQDiidCyhCzInWNa_tkOn3AKK4Skj6c3MSvXdn_LkbFS8U7fxlY0ojHUiSHyRpdBE6uFWcM1ZkOlNVw7s9EWmudlUDPLgOn0s2KrLELv3BjoD6M/s1600/bloggertrix.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=bloggersstand', '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="bloggersstand" />
<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>
- Change bloggersstand with your Feedburner ID
- Change bloggersstand with your Facebook username
- Change bloggersstand with your Twitter Username
- Change Username with your YouTube Username
- Change 115587840274121878323 with your GooglePlus id
Comments (0)
Comments are disabled for this post.