How To Add Floating Social Share Button To A Blog

Good day readers and bloggers. Today tutorial about blogging is how you can easily add a floating social share button to your blog. It simple to do and it makes it easier for your readers to share your post with one click.
This blogger trick is cool and thank SanxyNet later.

How Do I Add Floating Social Share Button

==> Login to Blogger Platform

==> Go to your Layout

==> Click Add a Gadget

==> Click the plus sign of HTML/JavaScript

==> Paste this below code in the content section of the JavaScript
<style> #pageshare {position:fixed; bottom:15%; right:10px; float:left; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#fff;padding:0 0 2px 0;z-index:10;} #pageshare .sbutton {float:left;clear:both;margin:5px 5px 0 5px;} .fb_share_count_top {width:48px !important;} .fb_share_count_top, .fb_share_count_inner {-moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small, .FBConnectButton_RTL_Small {width:49px !important; -moz-border-radius:3px;-webkit-border-radius:3px;} .FBConnectButton_Small .FBConnectButton_Text {padding:2px 2px 3px !important;-moz-border-radius:3px;-webkit-border-radius:3px;font-size:8px;} </style> <div id='pageshare' title="Share This With Your Friends"> <div class='sbutton' id='rt'> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" >Tweet</a> <script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script> </div> <div class='sbutton' id='gb'> <script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script> <div class="fb-share-button" data-type="box_count"> </div> <div class='sbutton' id='gplusone'> <g:plusone size="tall"></g:plusone> </div> <div class='sbutton' id='at'> <a class="addthis_counter"></a> <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js"></script> </div> <div style="clear: both;font-size: 9px;text-align:center;"> <a href="http://www.sanxynet.com/2016/01/how-to-add-floating-social-share-button.html?m=1" rel="nofollow">Get this</a></div> </div> </div>

==> Click Save

==> Now Click Save arrangement in Layout

You have successfully added a share button to your blog like a did to mine.


Similar Post:

• How To Add Or Remove Widget On Blogger Platform
• How To Start A Blogspot Website Within 5Minutes
• Download Latest WhatsApp Plus SanxyMODs
• Download Sanxynet Latest Blog App
• AVG Antivirus Pro Cracked