It provides the latest content from the websites and blogs you are interested in. Its saves your time because you do not need to visit each site individually.
How to add stylish rss feed subscription widget in blogger?
- Now go to Blogger Dashboard > Layout
- Click on Add a Gadget (below header)
- Select HTML/JavaScript
- Copy below code and paste inside it.
<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/AVvXsEjj68XcWOxcz6KjSIKpOMIckvgDz3Pyua4nliz2bjS2QI11mPuf-TBk19fgRiB5HRLem0PXvg57N_jCJpFZlwH1b-fbpz66hiIW9d_XeJrcKFfhPvBOHd36l6FWgHOF4acbgXB9c2Afkw8/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/blogsfunda" target="_blank" title="Follow Me On Twitter">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZSlAx0X8QE2T0ZJvFOmdEU8DSNHbXLoC2tiYwwX90OlTE7LP20yRbGMYy4aTWsQ8jkalTCwdpuxpDoF7O8S7J5nKyJet7yPUPnr248_MlTOmgdI3GoPAyfvK9Yizd9PLaf_Gz5syM8cy0/s320/blogsfunda.com-twitter-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://feeds.feedburner.com/blogsfunda" target="_blank" title="Subscribe Via RSS">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDbEPQnpFerc9woyStDHQ2TE3mXb-KR1dvXylfvMUB-76yzCcRTetWvjVtQgA_IWEUPTW0-APfFjiGBWBsGKJexaYpWtOIQfqq5EI7kk8XlZvy0nqf169javK12ikyQ2fka14z6GyZJVSG/s320/blogsfunda.com-rss-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://www.facebook.com/blogsfunda" target="_blank" title="Find Us On Facebook">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD8FRQfq9klH8fKN8wE3npb1LWmUHWpSHvEYzBsIOD3sMMlJUz1mnceeX4Ky7qQZuujNkupB5BIFDQHWtDgvDJ2i3TUWlDqalE71uTGXZH_krc4VCp7JKm-ckfAJKjEr6qx7QZLGLVJ2wi/s320/blogsfunda.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/AVvXsEiPn7iCXloKOawEFOlqg_LXMGEz5h8etNDeZK0Rvj7rWU2u_8TsI7_Sc5jclFJvIplrcC-xViFY1RAafDX-pqB8pddbiiayf9peMKdB83mDANJrkhw9LnVCAJFZ_mgZS3WrLgprHRw9_V2q/s320/blogsfunda.com-google-icon.png" style="height: 25px; width: 25px;" /></a>
</td>
<td style="padding-right: 4px;"><a href="http://youtube.com/blogsfunda" target="_blank" title="Add To Technorati">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo1jTaZ0O2V7FOS5tu06khkUtASuNo9Y8m5z12Zoa-ktMIgsjYqfhIZhL2X-M4u8ntRLZRZgxu0JmnxoglcTKr5t2dhkOl0yOv1YBFssmabpvoQYmo8WOfNhjB1TIOn8HnJ0fw27tTfmdI/s320/blogsfunda.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=blogsfunda', '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="blogsfunda" />
<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>
Demo
Hope you easily add this widget in your blogs and liked it. if you have any suggestion ,feedback in commentbox.
No comments :
Post a Comment