Sunday, June 3, 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.

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.
How To Add Simple Subscribe Widget To Blogger
<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.

6 comments:

  1. not bad.. i'll give it try.. thx for the post.. :)

    ReplyDelete
  2. Nice Post...I will try it in my blog...


    JayRyan'sBlog was inviting you to be a Guest Post Author..

    Thank you so much.

    -jayryan09-

    ReplyDelete
  3. that cool :), thanks or this post

    ReplyDelete
  4. I want subscribe box that you have on your blog. Please can you help me.

    ReplyDelete