4 In 1 Social Media Sharing & Subscription Widget

0
4 In 1 Social Media Sharing & Subscription Widget
In this tutorial i'm going to explain how to add all in social media subscription and sharing widget for blogger/blogspot.This widget have both features like share your content to social media and also your social media profile links to increase your followers to social media site.This is the best gadget for your blog or website.you can easily add this all in one social media widget to your blog,just follow the mentioned steps below.you can see demo below.






DEMO

1. Log in to blogger account.
2. Now select "Layout"
3. Click Add Gadget and select 'HTML/Javascript
4. Paste below code
<style>
/* bloggersstand.blogspot.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/bloggersstand" 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=bloggersstand&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=bloggersstand', '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="bloggersstand" 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://bloggersstand.blogspot.com">Blogger Widget</a>
</div>
</div></div>

  • Change bloggersstand with your Feedburner ID .
  • Change bloggersstand with your Facebook username.
  • Change bloggersstand with your Twitter Username.

5. Now save your 'HTML/Javascript'. Done ! 
4 In 1 Social Media Sharing & Subscription Widget for blogger,social media network mashable style blogspot gadget with sharing content follow,join us and subscription rss feed widget for your blog or website
In this tutorial i'm going to explain how to add all in social media subscription and sharin...
SUMMARY

4 In 1 Social Media Sharing & Subscription Widget for blogger,social media network mashable style blogspot gadget with sharing content follow,join us and subscription rss feed widget for your blog or website

You Might Also Like:

We hope this article helped you to learn 4 In 1 Social Media Sharing & Subscription Widget. If you have any question or any complication please don't hesitate to ask us.You can drop your message below in the comment box or you can Contact Us!. If you liked this article please join us on : Facebook | Twitter | Google+

SUBSCRIBE ARTICLES BY EMAIL

Post a Comment Blogger Disqus

0 Comments on "4 In 1 Social Media Sharing & Subscription Widget" So Far
Out Of Topic Show Conversion CodeHide Conversion Code Featured Post

MARKUP FOR WRITING COMMENTS:
1. To Insert Code Length Use<i rel="pre">Code Here</i>
2. To Insert Short Codes Use<i rel="code">Code Here</i>
3. To Insert Quote Use<b rel="quote">Quote</b>
4. To Insert Image Use<i rel="image">Image URL</i>
5. To Insert Video Use<i rel="youtube">You Tube Url</i>

Note: You Can Also Convert Your Code Directly From The Conversion Box.
--------------------------------------------------------------------------------------------------------------------------------------------------------
Please drop your comment according with the topic and feedback with hyperlinks may be removed.Thank you.
Regards:
Team Bloggersstand