Wednesday, August 31, 2016

How to add floating social media buttons to blogger blog

How to add floating social media buttons to blogger blog


 
Social Media Buttons gives the blog readers the option of sharing your posts directly to social networking sites. Today, the most popular social networking sites are Facebook , Twitter, Digg , Delicious , Stumbleupon , Google + etc. Sharing your posts on the social networking sites not only gives you more traffic but also creates powerful backlinks which will increase your Alexa Traffic Rank.


In this post, I will show you how to add a floating social media share buttons to your blogger blog by simply adding a HTML/Javascript code to a gadget in your left sidebar. 



<!-- floating share bar Start http://shakeelasghar.blogspot.com--><style type="text/css">#pageshare {position:fixed; bottom:15%; margin-left:-71px; 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;/*bs-fsmsb*/-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="Get this from BloggerSentral.com"><div class=sbutton id=fb><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php"></a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><div class=sbutton id=rt><script src="http://tweetmeme.com/i/scripts/button.js" type=text/javascript></script></div><div class=sbutton id=su><script src="http://www.stumbleupon.com/hostedbadge.php?s=5"></script></div><div class=sbutton id=digg style=margin-left:3px;width:48px><script src=http://widgets.digg.com/buttons.js type=text/javascript></script><a class="DiggThisButton DiggMedium"></a></div><div class=sbutton 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;">Get <a href="http://shakeelasghar.blogspot.com/2012/08/how-to-add-floating-social-media.html">this</a></div>
<!-- floating share bar End http://shakeelasghar.blogspot.com-->


 
  • Simply copy the above code.

  • Go to your blogger account.

  • Go to layout.

  • Add a gadget (preferably in the left sidebar for the best effects).

  • HTML/Javascript

  • Paste the copied code.

  • Save 

  • View your blog to see the effect.


Go to link download

download
alternative link download