0 ADD A FLOATING SHARE BOX TO YOUR BLOG.

Share buttons are essential in every blog/site to enable visitors share your posts with friends.
This is also a very good way to get more visitors to your site.

This box has variety of buttons for visitors to choose.
To use this,add the following scripts to your layout.
<!--SideBar Floating Share Buttons Code Start--><br /> <br /> <style> #pageshare {position:fixed;bottom:15%; left:50%; float:right; 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 US ON"><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><div class='sbutton' id='fb'><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php">Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div><br/><div style="clear: both;font-size: 9px;text-align:center;"></div></div><br /> <!--SideBar Floating Share Buttons Code End-->

---

Where to add this?

---

Go to Design >> Page element and select 'Add a gadget'.

Now scroll down to where you see HTML/JAVASCRIPT and select ADD.

Paste the code above there,and SAVE IT.

To change the position of the box,you can play around with the digits in red above till you are satisfied.
Also,you can change the background-color of the share box with a color name,or hex value.

Posted in: Blogging tips,Widget,widget .