Friday, June 22, 2012

Cool All In One Social Media Sharing With Rss Subscribe Gadget For Blogger

Actually social bookmaking is the easy way to get traffic
to yourblog.Earlier I gave lot of  of social Bookmaking
gadget.So, In this gadget most useful than other gadget.
because It Include Facebook fan page, Twitter follower
button, Google Plus button, Rss subscribe and other all
social networks.I think this is one of best social gadget.
You can install it to your blog with few steps. Try 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> 
/* bloggertrix.com Widget  */ 
 #btrix_all-in-one-bar { 
 border: 0; 
 margin-bottom: 10px; 
 margin: 0 auto; 
 width:300px; 
 } 
.fb-likebox { 
 background: #fff; 
 padding: 10px 10px 0 10px; 
 border: 1px solid #D8E6EB; 
 margin-top: -2px; 
 height:65px; 
 } 
.googleplus { 
 background: #F5FCFE; 
 border-top: 1px solid #FFF; 
 border-bottom: 1px solid #ebebeb; 
 border-right: 1px solid #D8E6EB; 
 border-left: 1px solid #D8E6EB; 
 border-image: initial; 
 font-size: .90em; 
 font-family: "Verdana","Helvetica",sans-serif; 
 color: #000; 
 padding: 9px 15px; 
 line-height: 1px;} 
.googleplus span { 
 color: #000; 
 font-size: 11px; 
 position: absolute; 
 display:inline-block; 
 margin: 9px 70px;} 
.g-plusone {    float: left;} 
.twitter { 
 background: #EEF9FD; 
 padding: 10px; 
 border: 1px solid #C7DBE2; 
 border-top: 0;} 
#mashable { 
 background: #EBEBEB; 
 border: 1px solid #CCC; 
 border-top: 1px solid white; 
 padding: 2px 8px 2px 3px; 
 text-align: right; 
 border-image: initial;} 
#mashable .author-credit {} 
#mashable .author-credit a { 
 font-size:10px; 
 font-weight: bold; 
 text-shadow: 1px 1px white; 
 color: #1E598E; 
 text-decoration:none;} 
#email-news-subscribe .email-box{ 
 padding: 5px 10px; 
 font-family: "Verdana","Helvetica",sans-serif; 
 border-top: 0; 
 border-right: 1px solid #C7DBE2; 
 border-left: 1px solid #C7DBE2;
 border-bottom: 1px solid #C7DBE2; 
 border-image: initial; 
 height:35px;} 
#email-news-subscribe .email-box input.email{ 
 background:#FFFFFF; 
 border: 1px solid #dedede; 
 color: #999; 
 padding: 7px 10px 8px 10px; 
 -moz-border-radius: 3px; 
 -webkit-border-radius: 3px; 
 -o-border-radius: 3px; 
 -ms-border-radius: 3px; 
 -khtml-border-radius: 3px; 
 border-radius: 3px; 
 border-image: initial; 
 font-family: "Verdana","Helvetica",sans-serif;}    
#email-news-subscribe .email-box input.email:focus{color:#333}    
#email-news-subscribe .email-box input.subscribe{ 
 background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); 
 background: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FFCA00),color-stop(1,#FF9B00)); 
 background: -moz-linear-gradient(center top,#FFCA00 0,#FF9B00 100%); 
 -pie-background: linear-gradient(270deg,#ffca00,#ff9b00); 
 font-family: "Verdana","Helvetica",sans-serif; 
 border-radius:3px; 
 -moz-border-radius:3px; 
 -webkit-border-radius:3px; 
 border:1px solid #cc7c00; 
 color:white; 
 text-shadow:#d08d00 1px 1px 0; 
 padding:7px 14px; 
 margin-left:3px; 
 font-weight:bold; 
 font-size:12px; 
 cursor:pointer; 
 border-image: initial;} 
#email-news-subscribe .email-box input.subscribe:hover{ 
 background: #ff9b00; 
 background-image:-moz-linear-gradient(top,#ffda4d,#ff9b00); 
 background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00)); 
 filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#ffffff,endColorStr=#ebebeb);
 outline:0;-moz-box-shadow:0 0 3px #999; 
 -webkit-box-shadow:0 0 3px #999; 
 box-shadow:0 0 3px #999 
 background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ffda4d),color-stop(1,#ff9b00)); 
 background:-moz-linear-gradient(center top,#ffda4d 0,#ff9b00 100%); 
 -pie-background:linear-gradient(270deg,#ffda4d,#ff9b00); 
 border-radius:3px; 
 -moz-border-radius:3px; 
 -webkit-border-radius:3px; 
 border:1px solid #cc7c00; 
 color:#FFFFFF; 
 text-shadow:#d08d00 1px 1px 0}    
#other-social-bar { 
 background-color: #F5FCFE; 
 box-shadow: 0 1px 1px #FFFFFF inset; 
 padding: 5px; 
 font-family: "Verdana","Helvetica",sans-serif; 
 font-weight:none; 
 overflow: hidden; 
 border: 1px solid #B6D0DA; 
 border-bottom: 1px solid #B6D0DA; 
 height:45px; 
} 

#other-social-bar1 { 
 background-color: #F5FCFE; 
 box-shadow: 0 1px 1px #FFFFFF inset; 
 padding: 5px; 
 font-family: "Verdana","Helvetica",sans-serif; 
 font-weight:bold; 
 overflow: hidden; 
 border-left: 1px solid #B6D0DA; 
 border-right: 1px solid #B6D0DA;  
 border-bottom: 1px solid #B6D0DA; 
 height:10px;}
.addthis_toolbox1{margin-left:8px;margin-top:8px;text-align:center}
.addthis_toolbox1 .custom_images a{width:32px;height:32px;margin:0 2px 0 2px;padding:0}
.addthis_toolbox1 .custom_images a:hover img{opacity:6}
.addthis_toolbox1 .custom_images a img{opacity:0.65}
</style>
<style> 
#email-news-subscribe .email-box input.subscribe{ 
background: #FFCA00; 
} 
</style>
<!--begin of social widget--> <div style="margin-bottom:10px;"> <div id="btrix_all-in-one-bar" >

<div id="other-social-bar">
<div class='addthis_toolbox1'>   
<div class='custom_images'>

<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='http://2.bp.blogspot.com/-TUTjx0Yc0FY/TXSLKPiLRbI/AAAAAAAAA3U/nI4HkE091Lk/s1600/twitter.png' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='http://4.bp.blogspot.com/-UWnmf5jmYYo/TXSJ0fF4OUI/AAAAAAAAA2k/1dfI5Vp6XkE/s1600/delicious.png' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='http://1.bp.blogspot.com/-GpYwvZxzuzU/TXSJ0qKwUlI/AAAAAAAAA20/UiLh_RsGsqY/s1600/facebook.png' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='http://1.bp.blogspot.com/-JVB0CPHCL1E/TXSJ0ceJsgI/AAAAAAAAA2s/kpyRlPsGJek/s1600/digg.png' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='http://3.bp.blogspot.com/-7-xCrO8HzH8/TXSLJ2054hI/AAAAAAAAA3M/lV4L-SpptZ0/s1600/stumbleupon.png' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='http://1.bp.blogspot.com/-DqjDPRVJc5g/TXSJ04YfobI/AAAAAAAAA3E/7HVFTgWb1dE/s1600/more.png' width='32'/></a><a href='http://www.bloggertrix.com/'><img src='http://1.bp.blogspot.com/-MiryOkTk9fs/T9nKXxy3riI/AAAAAAAAA5o/kMhpj-0aCAM/s1600/image.png' target='_blank'/></a>
</div></div></div><!-- Facebook -->
<div class="fb-likebox">
<div id="fb-root"></div><script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-like-box" data-href="http://www.facebook.com/bloggertrix" data-width="280" data-height="88" data-show-faces="false" data-stream="false" data-header="false"></div></div>
<div class="googleplus"> <!-- Google --><span>Recommend Us!</span><div class="g-plusone" data-size="medium"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> </div> <div class="twitter"> 
<!-- Twitter --> 
<iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&amp;align=&amp;button=blue&amp;id=twitter_tweet_button_0&amp;
lang=en&amp;link_color=&amp;screen_name=bloggertrix&amp;show_count=&amp;show_screen_name=&amp;text_color=" frameborder="0" scrolling="no"></iframe> </div><div id="email-news-subscribe"> <!-- Email Subscribe -->
<div class="email-box"><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open
('http://feedburner.google.com/fb/a/mailverify?uri=bloggertrix', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input class="email" type="text" style="width: 150px; font-size: 12px;" id="email" name="email" value="Your Email Here.." onfocus="if(this.value==this.defaultValue)this.value=&#39;&#39;;" onblur="if(this.value==&#39;&#39;)this.value=this.defaultValue;" />
<input type="hidden" value="bloggertrix" name="uri" /><input type="hidden" name="loc" value="en_US" /><input class="subscribe" name="commit" type="submit" value="Subscribe" />
</form></div></div><!-- Other Social Bar --><div id="other-social-bar1"><a style="margin-top:-5px; float:right; font-size:10px; color:#3B78CD; text-decoration:none;" href="http://bloggertrix.com">Blogger Widget</a>
</div>
</div></div>

Replace bloggertrix with your Facebook fan page Id
Replace bloggertrix with your twitter Username
Replace bloggertrix with your Feedburner Id 
                                 
4. Save HTML/Javascript. you are done.

3 comments: