Awesome Slide Heart Shape Bookmarking Gadget For Blogger

This gadget free by Share this team was created as a Valentine gift from them. The heart bookmarking gadget contains a cool slide out effect that makes the heart icon split whenever you mouse hover it, displaying many bookmarking buttons like Facebook, Twitter, Pinterest, LinkedIn, come across, Email and lots of additional bookmarking choices. This gadget/widget comes with a set position and stays within the corner of the page, therefore it'll grab your readers attention and create them share your posts simply.

 

I'm sure you love this gadget.


 

Awesome Slide Open Heart Bookmarking Gadget For Blogger

 

Live Demo

 

Steps for adding The Open Heart Gadget to Blogger

 

Step 1. Go to Blogger dashboard select Template and Click the Edit Html

 

Open Heart Bookmarking Gadget to Blogger

 

Step 2. Now Find this tag (Ctrl + F)

 

</head>

 

Step 3. Paste Below code Above </head> this tag

 

<!-- Start Open Heart Bookmarking Gadget From http://mybloggerdesk.blogspot.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 Open Heart Bookmarking Gadget From http://mybloggerdesk.blogspot.com/ –>

 

Step 4. Now Find this tag (Ctrl + F)

 

</body>

 

Step 5. Paste Below Code above </body> This tag

 

<!-- Start Open Heart Bookmarking Gadget From http://mybloggerdesk.blogspot.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.helplogger.blogspot.com/">Blogger Gadgets</a>
<!-- End Open Heart Bookmarking Gadget From http://mybloggerdesk.blogspot.com/ –>

 

Move The Position Of The Gadget

 

Change the bottom % or left % step 5. red color to Move the gadget any location.

 

Step 6. Now Save the Template.

comments powered by Disqus