Oct 2, 2015

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


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.
/* www.mybloggerguides.com Widget */
#mbg_all-in-one-bar {
border: 0;
margin-bottom: 10px;
margin: 0 auto;
.fb-likebox {
background: #fff;
padding: 10px 10px 0 10px;
border: 1px solid #D8E6EB;
margin-top: -2px;
.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;
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-weight: bold;
text-shadow: 1px 1px white;
color: #1E598E;
#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;
#email-news-subscribe .email-box input.email{
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:1px solid #cc7c00;
text-shadow:#d08d00 1px 1px 0;
padding:7px 14px;
border-image: initial;}
#email-news-subscribe .email-box input.subscribe:hover{
background: #ff9b00;
background-image:-webkit-gradient(linear,left top,left bottom,from(#ffda4d),to(#ff9b00));
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%);
border:1px solid #cc7c00;
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;
overflow: hidden;
border: 1px solid #B6D0DA;
border-bottom: 1px solid #B6D0DA;
#other-social-bar1 {
background-color: #F5FCFE;
box-shadow: 0 1px 1px #FFFFFF inset;
padding: 5px;
font-family: "Verdana","Helvetica",sans-serif;
overflow: hidden;
border-left: 1px solid #B6D0DA;
border-right: 1px solid #B6D0DA;
border-bottom: 1px solid #B6D0DA;
.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}
#email-news-subscribe .email-box input.subscribe{
background: #FFCA00;
<!--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='http://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;
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
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="http://www.mybloggerguides.com/2015/10/all-in-one-social-sharing-widget.html">Get Widget</a>
  • 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.

No comments:

Post a Comment

We’re eager to see your comment. If you have any query related to the topic then drop a comment below. We will help you out of sure. However, Please Keep in mind that all comments are moderated manually by our human reviewers. According to our comment policy all link are nofollow so keep in mind that never use links in comments, we consider link comments as a spam.