Slide Open Heart Social Widget for Blogger is created by "Sharethis" team a well known social bookmarking website on Valentine's day gift for bloggers. The beautiful heart bookmarking widget has a cool slide out effect that makes the heart icon split each time your mouse hover it, displaying many share buttons like Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email and many more bookmarking choices. This gadget/widgetcomes 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.
Slide Open Heart Social Bookmarking Widget For Blogger

HOW TO ADD SLIDE OPEN HEART BOOKMARKING WIDGET TO BLOGGER

I'm sure you will love it after seeing the demo of this Widget.
Slide Open Heart Social Bookmarking Widget For Blogger
  • Open your blogger template > Edit HTML and search "</head>" tag.
  • Paste below code above </head> tag.
<!-- Start Open Heart Bookmarking Gadget From http://web4services.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://web4services.blogspot.com/ -->
  • Now find "</body>" tag in your template html and paste below code just above or before </body> tag.

 
<!-- Start Open Heart Bookmarking Gadget From http://web4services.blogspot.com/ -->
<div style='position: fixed; bottom: 5%; 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>
<!-- End Open Heart Bookmarking Gadget From http://web4services.blogspot.com// -->

HOW TO MOVE WIDGET POSITION..??

If you want to move the widget position just change the percentage of red area from code with your own. I hope this widget will increase your posts sharing. So add this widget to your blogger and enjoy more social engagement.
That's All happy blogging and Bookmarking.

Post a Comment

 
Top