Sunday, 23 September 2012

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.

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/AVvXsEjZEe0Q7XbZw5GeQGcRJaAOg_ej-Ffic5YvAedAcV8PEj8_ZslOUODigNWFzY66utf0yvMqaoQTCOAWJynuDSqYwIiC1kpRvZDOkfNdLBLGkadw9w1rJlg2lNxefyQ_ZygX-lPQrd-5qx-L/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/AVvXsEi40BG0RPh1ggucTv2nGYXFg5PKQBY39H5bsHBy6bUwcQRLXa-283otXtadm9pZ8wZ_gry0_obBU5quNaxUUBZP1EFq2yhDYmoE4BUZy-UFdWAI407j3yH_mqVTrJpGKTNaLL1cu3HUZLjt/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/AVvXsEhpjM8-KBWHEghWPRSmxBPnGYBFjYQcb0zW3yNhAbzKwml0TbIeuMkL9df1Trx8KrFhCf0dToBS5Oau-tis5MPq9kvls_i24ekxob7p8Qlds8hyxnvaVBP1cxq1jxwcROPJQrrIrzvG4JCy/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.

No comments: