Add Floating Social Media Sharing Buttons for Blogger

Webdesign QnA

How To Add Floating Social Media Sharing Buttons for Blogger

Want to know how to add social media buttons to blogger sidebar? Its easy fo;;ow below steps to add Floating Social Media Sharing Buttons for Blogger sidebar

Most Viral Tool - SEO Audit Tool | Reseller Profit Tracker Generator | Freelance Invoice Generator | ADHD Planner Generator

NOTE-Paste the following html code for social media buttons to website inside in the HTML/Javascript box and click Save .

<style type=”text/css”>
#social-buttons {
position:fixed;
bottom:15%;
margin-left:-721px;
float:left;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color:#fff;
padding:0 0 2px 0;
z-index:10;
}
#social-buttons .button-share {
float:left;
clear:both;
margin:5px 5px 0 2px;
}
</style>
<div id=’social-buttons’ title=”Get this Social Sharing Gadget”>
<div class=’button-share’ id=’like’ style=’margin-left:7px;’>
<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” data-send=”false” data-layout=”box_count” data-width=”40? data-show-faces=”false”></div>
</div>
<br /><div class=’sbutton’ style=”margin-left: 2px;” ><a class=’twitter-share-button’ data-count=’vertical’ data-via=’AnkitKrSingla’ expr:data-counturl=’data:blog.url’ href=’https://twitter.com/share’ rel=’nofollow’>Tweet</a><script src=’https://platform.twitter.com/widgets.js’; type=’text/javascript’></script>
<br />
<div class=’button-share’ style=”margin-left: 3px;” id=’su’>
<script src=”https://www.stumbleupon.com/hostedbadge.php?s=5?></script>
</div>
<div class=’button-share’ id=’digg’ style=’margin-left:3px;width:48px’>
<script src=’https://widgets.digg.com/buttons.js’ type=’text/javascript’></script>
<a class=”DiggThisButton DiggMedium”></a>
</div>
<div class=’button-share’ style=’margin-left:3px;’ id=’gplusone’>
<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script>
<g:plusone size=”tall”></g:plusone>
</div>
<div style=”clear: both;font-size: 9px;text-align:center;”><a style=”color: #3399BB;” href=”https://share-ask.com/floating-share-buttons-gadget.html” rel=”nofollow” target=”_blank”>[Get This]</a></div></div></div>