Add Floating Social Media Sharing Buttons for Blogger

()

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

 

add floating social media sharing buttons to blogger

 

 

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>

How useful was this post?

Click on a star to rate it!

Must READ  Help me manually uninstall CS3,4,5,6 suite from Windows,Mac OS

Admin

For paid sponsorship & partnership, email our board of admin at [email protected] , [email protected] . Regards. :)

Leave a Reply

Your email address will not be published. Required fields are marked *