How to add floating share button to your Blog

Adding the big floating share button to your site not only increases the site popularity and traffic but makes it easy for people to share your site on some social bookmarking site and social networking site like facebook and twitter.To get the best social bookmarking site read top social bookmarking site,

If you really want to learn how to blog or want to start blogging then see free tips here how to start blogging

These are the steps below, i will advice you to

backup your template just in case you need help.

Below are the steps

1. Login to your blogger dashboard on the new

blogger interface

2. Click on drop down arrow beside create new post

3. Click on layout

4. Carefully click on add a gadget on the sidebar

5. Click on Html/javascript

6. Highlight the code below

<!--SideBar Floating Share

Buttons Code Start-->

<style>

#pageshare {position:fixed;

bottom:15%; right: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>

<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>

<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;"><a href="http://

www.doncaprio.com/2011/09/

sidebar-floting-share-buttons-

large.html" target="blank"><font

color="black">[Get This]<font></

font></font></a></div></div>

 <!--SideBar Floating Share

Buttons Code End-->

Kip locked down with rakethemoneyonline.com for more useful codes + tips + Tutor. and feel free to subscribe to our mailing list to get fresh update from us.

Code from earnmoneyonline.com.