Awesome Slide Open Heart Bookmarking Gadget For Blogger


Tutorials - Tutorials

User Rating: / 0

Awesome Slide Open Heart Bookmarking Gadget For Blogger

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 icon split each time you mouse hover it, displaying several bookmarking buttons like Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email and many more bookmarking choices. This gadget/widget comes with a fixed position and stays in the corner of the page, so it will grab your readers attention and make them share your posts easily.

I'm sure you will love it after seeing the demo of this gadget:

Adding The Open Heart Bookmarking Gadget to Blogger

Step 1. Go to your Blogger Dashboard, select Template and click the Edit Html button: the "Expand Widget Templates" box (it is recommended to make a backup first)

Step 2. Find the following tag (Ctrl + F):


Step 3. Paste above/before the </head> tag, the following code:
<!-- Start Open Heart Bookmarking Gadget From -->
<script src='' type='text/javascript'/>
<script src='' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script>
<link href='' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Open Heart Bookmarking Gadget From -->

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

Step 5: Paste above/before </body> tag... the following code:
<!-- Start Open Heart Bookmarking Gadget From -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
<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>
<!-- End Open Heart Bookmarking Gadget From -->

How To Move The Position Of The Gadget

To move the position of this widget from the bottom right corner of your blog to any location you want, change the percentages of the red code from Step 5.

Step 6. Now preview and Save Template.


About Us

Royal Developer Top three Web Designing and Web Development Company in Dehradun, Uttarakhand, India. Royal Developer Best SEO Company in Dehradun takes pride in its philosophy of 'Employee First' which empowers to create a real value for the customers. Royal Developer can offer Best and cheap Website Development Software Development & SEO Services. We are the Best service Provider of SEO, SEM, SMO Services Company in Uttarakhand. Web Designing Course in Dehradun, Web Designing Classes in Dehradun, Web Design Training Institute in Dehradun, Web designing institute in dehradun, Best institute for web designing in dehradun, Web development training in dehradun, Web development course in dehradun, Web Designing Training in Dehradun.


- Contact Information - 

Add : RDIT Services Pvt Ltd, 3rd Floor, RGM Plaza, Above Chandu Canteen,
          23 Chakrata Road, Dehradun - 248001, Uttarakhand, India

Email : 


 : +91 8171200108, +91 8979462451,
                                  +91 7895753921

Quick Enquiry Form

Enter your full name

Enter your valid email address

Enter your correct mobile number

Invalid Input

Your Message
Invalid Input

Enter Code
Enter Code
  RefreshInvalid Input


You are here: Home Tutorials Awesome Slide Open Heart Bookmarking Gadget For Blogger