How To Add Simple Subscribe Widget To Blogger

This is a cool subscribe gadget. Actually, Rss feed
subscription is really important in blogger.So, this is a simple
gadget, it include Rss Subscriptions, Twitter Followers and
Facebook likes.It include Hover effect with shadow feature.
It will looking great with your blogger.This will helps to increase
Subscribers Twitter followers and Facebook fans.You can
add this widget with few steps,(just using add gadget to, add to
blogger.Follow below Steps to add it to your blog.

Demo Here

1. Log in to blogger account > Go to Design >> Page Element

2. Click Add Gadget and select 'HTML/Javascript'

3. Paste below code.

<style>
/*  ---------www.bloggertrix.com----------- */ 
.social-connect-widget{background:#FFFFFF;border:1px solid #E7E6DE;padding:5px; border-radius:5px; -moz-border-radius:5px;} 
.social-connect-widget:hover{border:1px solid #000000;background:#e5e3e3;
-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);

-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.4);

box-shadow: 5px 5px 5px rgba(0,0,0,0.4);} 

.social-connect-widget a{text-decoration:none;font-weight:bold;font-family:Arial,Helvetica,Sans-serif;color:#4B4D4E} 
.social-connect-widget a:hover{text-decoration:underline;color:#F77C04} 
.social-connect-widget img{vertical-align:middle;margin-right:5px;height:42px;width:42;} 
</style>


<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'> 
<a href='http://feeds.feedburner.com/USERNAME'><img alt='RSS Feed' src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlTzYrdyzroeHQfTCBXEE6hGspkFhPf7FVuWGtBSYEt-o5WFE4iWsyw74AC7h7ghm6uctrCI97PXVVl6tKR0vubK8wRQk0I5Vu6O8VZrM-MjleQCfydq3TR6k7VU5jeosRpFQkNTCarITL/s1600/Rss-icon.png"/></a><a href='http://feeds.feedburner.com/USERNAME'>Subscribe  RSS Feeds!</a> 
</div> 
                        
<div class='social-connect-widget' style='margin-bottom:10px;'> 
<a href='http://twitter.com/USERNAME'><img alt='Follow Us on Twitter!' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQQdDr_7d9a9Ju0iNNF4g0CW5R26jF2Rto4pOu7kjuZrx2YGaJLM4OVEId8QcnGBeK4yoUDjYBmWDLV9W0tcCMaYVyzCY1f0Wzn_82OaJLk_rquJWfYxy8u5bIU5uyRG_BPsRQ4HwDPbTV/s1600/Twitter-icon.png" title='Follow Us on Twitter!'/></a><a href='http://twitter.com/USERNAME'>Follow Us on Twitter</a> 
</div>
<div class='social-connect-widget' style='margin-bottom:10px;'> 
<a href='http://facebook.com/USERNAME'><img alt='Be Our Fan!' src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3m08hxKUcoumFspo7MrMXJGCumX39tjTMxq-fCrc93qaGCuG2UhOdrB3NzQE5B5bsSbNocdRrv_P-hS8WcglWLOOxK0fzrh-UIyoIKmKucRrKuNfDqUzI4niJkd3UvQSzLOPe0GkoTtQx/s1600/facebook-icon.png' title='Be Our Fan"/></a><a href='http://facebook.com/USERNAME'>Follow us on Facebook </a> 
<a style=" font-size:9px; color:#3B78CD; text-decoration:none;"href="http://www.bloggertrix.com/"></a>
</div>

*Replace USERNAME With feedburner name.
*Replace USERNAME With Twitter User name.
*Replace USERNAME With faceook User name.

4. Save HTML/Javascript. you are done.