Sunday, May 4, 2014

Floating Social Media Sharing Sidebar Buttons : Facebook, twitter, GooglePlus, Digg, StumbleUpon

Floating Social Media Sharing Sidebar Buttons


Most of the bloggers Don't Know that how to add floating sidebar sharing button in blogger,
Today I am showing you that how to add this widget in Blogger.
Social Media or Social Share button is used to play a vital role in blogging. Submitting your
 blog post in the sociabookmarking sites will help to increase blog traffic and the search 
engines can easily find you blog post with the help of social bookmarking sites.
 Social Media Sharing sidebar Buttons help to spread your blog post and more chance of
 visitors will come on your blog. Share Sidebar contains collection of popular social media 
sharing buttons which you can add to the sidebar. Social Media Buttons including Facebook,
 Twitter, Digg, StumbleUpon and Google Plus.
 The sidebar will increase sharing by 20-30% because of its unique and permanent position.
 I strongly suggest you guys to have a floating social media icons in the sidebar as the share 
options will be made visible across the blog posts and helps you and the readers to engage
 themselves in the conversations and advances the chances of sharing the blog posts.
 We have included Facebook Share, Tweet, Stumble, Google Plus and Digg This buttons in the bar. Each of them comes with a live counter.

How to Add This Widget

  • First Of All Go to Blogger>Blog>Layout
  • Click on Add a Gadget
  • Add the below code in that window
  • Click on Save Button
  • Your Widget is successfully Install
  • Don't forget to leave comments
<!–sidebar floating share buttons by http://www.softsoftwares.com code start–><br /><style>#pageshare {position:fixed; bottom:15%; left:10px; float:left; border: 1px solid black; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;background-color:#eff3fa;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><br /><div id='pageshare' title="Share This With Your Friends"><div class='sbutton' id='gb'><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like layout="box_count" show_faces="false" font=""></fb:like></div><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='gplusone'><script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script><g:plusone size="tall"></g:plusone></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><br /><div style="clear: both;font-size: 9px;text-align:center;"><a href="http://www.softsoftwares.com/2014/05/floating-social-media-sharing-sidebar.html" target="blank"><font color="red">Get This<font></font></font></a></div></div><!–sidebar floating share buttons by http://www.softsoftwares.com code end–></!–sidebar></!–sidebar>

No comments:

Post a Comment

Translate My Website