How To Add Slide Open Heart Bookmarking Gadget For Blogger

Posted by Unknown on 0

This Widget released by Sharethis team was made as a valentine gift from them The heart bookmarking gadget has a cool slide out effect that makes the heart icin split each time you mouse hover it displaying several bookmarking buttons like Facebook Twitter, Pinterest, Linkdin, Stumble Upon Email and many more bookmarking choice. This gadget comes with a fixed position and stays in the corner of the page, so it will grab readers attension and make them share your post easily.


I'm Sure You Wil Love It After Seeing Demo Of This Widget.

                                                   View Demo


Adding The Open Heart Bookmarking Gadget To Blogger.

Step 1. Go to Your Blogger Dashboard select Template and click the Edit Html Button.

.....Select the "Expand Widget Templates" Box it is recommended to make a backup first

Step 2. Find The Following Tag (Ctrl + F):

</head>

Step 3. Past above/before the </head> tag the following code :

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

realcombiz

Step 4: Now Find ( CTRL + F ) this tag :

</body> 

Step 5. Past above/before </body> tag... the following code :

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

realcombiz

How To Move The Position Of The Gadget.

To Move the position of this widget from the button right corner of your blog to any location you want change the percentage of the red code from Step 5


Step 6. Now Preview and Save Template.

Done !!!