All-In-One Social Media Sharing Widget with Subscription Box

Contents

All-In-One Social Media Sharing Widget with Subscription Box

All-In-One Social Sharing Widget for Blogger Blog
All-In-One Social Sharing Widget

We always want our blog look like a professional and for looking professional we must have some professional looking widgets on our blog. So for your this need I’m today here with cool looking All-In-One Social media sharing widget with subscription box for your blogger blog. Actually social bookmaking is the easy way to get traffic to your blog. 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.

How To Add All-In-One Social Media Sharing Widget to Blogger Blog

All-In-One Social Widget you can find on many famous blogs. So if you want to add All-In-One Social Media Sharing Widget to your blogger blog then follow all steps one by one which are given below.
  • First Got to Dashboard of Blogger.
  • Now Go To Layout
  • Click on Add A Gadeget >> Select HTML/JavaScript
  • Now Copy below code and paste it to HTML/JavaScript Window.
<style>
/* www.mybloggerguides.com Widget */
#mbg_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=”mbg_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=’https://www.mybloggerguides.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/MyBloggerGuides” 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=MyBloggerGuides&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=MyBloggerGuides’, ‘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=”MyBloggerGuides” 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=”https://www.mybloggerguides.com/2015/10/all-in-one-social-sharing-widget.html”>Get Widget</a>
</div>
</div></div>
  • Now change all highlighted links to yours.
  • Now Click on Save.
  • That’s it. You have added this widget to your blogger blog.
So above guide is about How to Add All-In-One Social Media Sharing Widget with RSS Subscription Box to Blogger. I hope this recommended social media widget increase your followers and also page views of blog. Hope you have successfully add this widget to your blogger blog. If you still facing any problem then drop a comment below. We will help you as soon as possible. Don’t forget to share on Blogging communities and also with your Blogger Friends.

Paramjot Singh
 

Hey, How you all are? Myself Paramjot Singh, A young (Not Old :P) addicted Blogger from Lucknow, India who want to learn Aha to Shit of the Blogging. I’m blogging since 2 years, and here on My Blogger Guides, I’m sharing my little mind knowledge which I learned in these past two years. :)

Click Here to Leave a Comment Below 0 comments

Leave a Reply:

0 Shares
+1
Pin
Tweet
Stumble
Share
Share