Add Floating Social Share Buttons To Your Blogger Blog

Having the floating share buttons in your blog page

is an excellent way for your blog visitors to share your blog page to social networking sites like Facebook, Twitter and Google+.  

This buttons can float either in the left or right sidebar of your blog page.  You can easily change the position from the left to right.  

If you haven't logged in your Blogger account, log in.

Go to your Blogger Dashboard and click on Template tab.

Backup your template before making any changes.  Insert link.

Hit CTRL+F to search for this code:

</head>

Copy the code shown below and paste it above </head> code

<script type="text/javascript">var switchTo5x=true;</script>

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>

<script type="text/javascript" src="http://s.sharethis.com/loader.js"></script>

Search for the code shown below

</body>

Copy the code shown below and paste it above the code </body>

<script type="text/javascript">stLight.options({publisher: "e91c91e8-233d-4c14-8852-90a0e4201ecd", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

<script>

var options={ "publisher": "e91c91e8-233d-4c14-8852-90a0e4201ecd", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "googleplus", "sharethis"]}};

var st_hover_widget = new sharethis.widgets.hoverbuttons(options);

</script>

Click Preview.  If it's ok, Save template.

Note:  You can change the position of the bar from "left"to right.

Download the code in a text file here.