Here is a nice sharebutton JQuery script. It has great effects, a heart opens for the share buttons to be exposed for your visitors to click and share.
The sharebuttons included are
– Facebook share
– Twitter
– Google
– Blogger
– LinkedIn
– Stumble Upon
– Email and
– Share This Icon.
This tutorial will helps you to
I would gie you the steps to add this Heart sharebutton script to your blog
Check out the image below
STEPS TO ADDING SLIDE OPEN HEART BOOKMARKING WIDGET TO YOUR BLOG
1. Log in to your blogger account and Go to Design >> Edit HTML
2. Tick the Expand Widget Templates.
3. Search for </head> by using Ctrl F.
4. Paste this coe provided below before the </head> tag.
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
5. Now search for </body> by using Ctrl F.
6. Paste below code Before the </body> tag
<div style='position: fixed; bottom: 3 % ; left: 2 %;'><div class='shareEgg' id='shareThisShareHeart'/></div><script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'],{title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script><a href="http://www.oscarmini.com/">Blogger Widgets</a>
7. Save your template and view your blog.