Beautiful Slide Open Heart Social Bookmarking Gadget For Blogger

Recently we posted about an open egg social bookmarking gadget for blogger.Now we are giving the same kind of gadget but little changed in icon.Now egg has become heart :).Sharethis recently added this cool social bookmarking gadget.And we succeed to make bloggerized version of this gadget.The gadget comes with a love heart with share this logo when anyone hover on it the heart splits to reveal a selection of bookmarking buttons.When the heart opens it reveals social bookmarking icons such as Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email and the Share This Icon Which Offers hundreds more bookmarking choices.I have kept the installation so easy,yo just have to copy and paste the code.

View Demo 

Add Slide Open Heart Bookmarking Gadget To Blogger

1. Go to Blogger Dashboard > Design > Edit HTML.
2. As usual take a backup of your template.
3. Now find for </head> tag.
4. Add below code just before </head> tag.

<!-- Social Bookmarking Gadget By http://www.helperblogger.com/  start-->
<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: &quot;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- Social Bookmarking Gadget By http://www.helperblogger.com/  end-->

 5. Now search for </body> tag.
 6. Add below code just before </body> tag.

<div style='position: fixed; bottom: 3%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script>

Customizations (Optional)

The Gadget is currently set to be in the bottom right corner of your blog if you want to customize this gadget then follow below steps :

• To show it at top just change bottom to top
• To show it on right side change left to right
• Set the values of percentages as you wish...
• Save your template and you are done....

If you have any queries about settings of this gadget then feel free to ask it to me.I'll glad to help you...