Open Heart - Social Sharing Widget for Blogger

Social Sharing widgets are very important for a site to get successful social connectivity. It can also increase your site's page views to a greater extent. There are many social sharing widgets available on internet. Some website offer free social sharing gadgets for Blogger. Sharethis.com is one of them. It launch different social sharing gadgets on different occasion. They released Open Heart sharing widget as the Valentine gift.

• Related Post: Touch Me - Social Sharing Widget for Blogger

This is one of the most attractive social sharing widget from Sharethis.com. This gadget has cool slide out effect that split the Heart icon every time when you mouse hover it. This widget includes several social sharing buttons like Facebook, Twitter, Pinterest, Linkedin, Stumbleupon, Email and many more. By default it takes place at the corner of the page. So, it can easily grab attention of the visitors and make them share your post easily.

• DEMO:--->Mouse Hover

Adding Open Heart Sharing Widget to Blogger:

• First Log Into your Blogger Account and go to Dashboard.
• Then click on Template option and click on Edit HTML button. You will land on HTML page.
  
• Here in the HTML page find </head> tag and Paste the following code just before it.
<!-- Start Open Heart Bookmarking Gadget From http://www.ittimesbd.com/ --> <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'/> <!-- End Open Heart Bookmarking Gadget From http://www.ittimesbd.com/ -->

• Now again find </body> tag and Paste the following code just before it.
<!-- Start Open Heart Bookmarking Gadget From http://www.ittimesbd.com/ --> <div style='position: fixed; bottom: 2%; 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> <!-- End Open Heart Bookmarking Gadget From http://www.ittimesbd.com/ -->

• Then click on Save Template button to add the widget.

That's it. Now view your blog and you will see this social sharing widget in your blog.

Stay with www.iTTimebd.com for more IT related Post