Add Fixed Slide Open Heart Bookmarking widget for blogger

Win the Hearts of visitors by adding "Heart Break Slide out Social bookmarking widget" to blogger. This is a stylish and spicy bookmarking widget way to attract visitors/readers with sharing icons. When a visitor Mouseover on Heart spilits in sliding effect to explore stylish bookmarking buttons. Splitted Sliding Heart explore social networking icons like, Facebook, Twitter, Pinterest, LinkedIn, StumbleUpon, Email and other sharing icons.
BlogTariff shares you a stylish gadget to grab visitors for your blogger blog. Let's begin the tutorial to add this gadget.

LIVE DEMO

How to install "On mouse over Heart split opens Social bookmarking icons"

Sign into your blogger account
Click on "Design (Layout in the New blogger interface)
Click on "EDIT HTML" (Before you do experiment this backup your template, if any thing goes wrong you can reuse it)
Now search for the below code

</head>

After finding the above code paste the below code before/above to </head>

<!-- Start Heart Bookmarking Gadget Code From http://www.blogtariff.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: &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'/>
<!-- End Heart Bookmarking Gadget Code From http://www.blogtariff.com/ -->

After pasting the above code, now search for code

</body>

After finding the above code paste the below code above/befor to </body>

<!-- Start Heart Share Code From http://www.blogtariff.com/ -->
<div style='position: fixed; bottom: 2%; 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><a href="http://www.blogtariff.com/">Blogger Widget</a>
<!-- End Heart Share Code From http://www.blogtariff.com/ -->

Adjusting the position of the Gadget by simple modification:-

Default position of Heart split gadget is right corner bottom of your blog, if need you can change the position from default to your choice position.
Just replacing the word "bottom: 2%; left: 2%;" with bottom - right or top - left or top - right
After successful necessary adjustment now "Save the template" and preview the blog. Drag you mouse over heart how "Heart Splits and show social bookmarking icons".

Acknowledgment:-

If you ejoyed this article let know your views via comments we always respect your suggestions. If you're facing any difficulty in this regard, bring to us we try for you.
Thanks.