Add An Awesome Fixed Position Slide Open Heart Bookmarking widget To Blogger

Add An Awesome Fixed Position Slide Open Heart Bookmarking gadget To Blogger. This is a stylish and spicy bookmarking widget way to attract visitors/readers with sharing icons. This gadget comes with love heart with the slide out effects and when you hover your mouse over the heart it splits and opens several bookmarking buttons like Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email and many more bookmarking choices.  This widget remains at the bottom of the blog and floats at left side. You can also change it's position as left to right or from bottom to top according to your need. You will like it after watching the demo

Slide Open Heart Bookmarking Gadget Preview

Slide Open Heart Bookmarking Gadget Demo

Live Demo

How To Add An Awesome Fixed Position Slide Open Heart Bookmarking widget To Blogger

• Go to Blogger Dashboard 
• Click on DropDown Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML --> Proceed --> Expand Widget Templates
• Press Ctrl + F and search the code shown below

<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'/>

• Now Find the code shown below using [ctrl+F]

</body>

• Now Paste the Code shown below just before/above it

<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>

• Now save your template

Customization to the gadget

• The gadget is currently placed at the bottom left corner of the page but you can easily place it at anywhere you want
• Change bottom: 2% left: 2% as you want like top:2% right:2%

Like it? Share it.