Add a Floating Share Button Sidebar to Your Blog or Website having Facebook, Twitter, Digg, StumbleUpon etc. Icons

Have you ever noticed the floating share bar featuring Facebook like and share button, twitter, stumble upon and other social networking site logos in the right or left side of some websites or blogs? The share bar continues to float if you scroll down or up in the page and look like it is in the same position. If you have a blogspot blog or a website, then you can also use it on your site writing a few lines of code. I have managed to get the code segment to display such share bar in my blog searching on the net. I will share the code here for your use on your website and tell you how to customize the code. After installing the code into your blog, it will start showing the share bar in the right side of the web browser window when someone accesses your blog; and it will float with the scroll movements of the viewer. The bar will contain facebook like button, twitter, Google+, StumbleUpon, Digg and Facebook share icons. If you are using a dark template for your blog, then you can use a dark share bar. For dark template, here is the code:

'sharebar' title="Interesting? Share with friends"> 'sbutton' id='gb'>"box_count" show_faces="false" font=""> 'sbutton' id='rt'>"http://twitter.com/share"class="twitter-share-button" data-count="vertical" >Tweet 'sbutton' id='gplusone'>"tall"> 'sbutton' id='su'> 'sbutton' id='digg' style='margin-left:3px;width:48px'>"DiggThisButton DiggMedium"> 'sbutton' id='fb'>"fb_share" type="box_count"href="http://www.facebook.com/sharer.php">Share "clear: both;font-size: 9px;text-align:center;">"http://mrinmoynath.hubpages.com/hub/Add-a-Floating-Share-Button-Sidebar-to-Your-Blog-or-Website-having-Facebook-Twitter-Digg-StumbleUpon-etc-Icons" target="blank">"green">||Get It||




To use a light colored share bar, use the following code segment:

'sharebar' title="Interesting? Share with friends"> 'sbutton' id='gb'>"box_count" show_faces="false" font=""> 'sbutton' id='rt'>"http://twitter.com/share"class="twitter-share-button" data-count="vertical" >Tweet 'sbutton' id='gplusone'>"tall"> 'sbutton' id='su'> 'sbutton' id='digg' style='margin-left:3px;width:48px'>"DiggThisButton DiggMedium"> 'sbutton' id='fb'>"fb_share" type="box_count"href="http://www.facebook.com/sharer.php">Share "clear: both;font-size: 9px;text-align:center;">"http://web-master-design.blogspot.com/2013/03/add-floating-share-button-sidebar-to.html" target="blank">"green">||Get It||

How to install the code to your blog?
To use the code in your blogspot blog, follow these steps:
Ø Login to your blogger account ant go to your blog.
Ø Go to Layout. In the sidebar layout, Click on Add a Gadget.
Ø Add a HTML/Javascript Gadget.
Ø Copy any one of the above code segment and paste it to your HTML/Javascript code gadget.
Ø Hit Save. Now click on Save Arrangements.
Ø View your blog. It must be showing the floating share buttons on your blog.