Add An Awesome Open Slide Heart Bookmarking Widget For Blogger

Hai guys, now i will share a tutorial about Add An Awesome Open Slide Heart Bookmarking Widget For Blogger. I have said a thousand time that, "I always visit spiceupyourbog to get inspired, and sometimes i will repost some post on spiceupyourblog". And now i got an awesome tutorial and i want to repost that tutorial on my blog, called Add An Awesome Open Slide Heart Bookmarking Widget For Blogger.

Do you know Sharing is sexy widget? Ya, its a great widget and useful. Now spiceupyourblog make an another version of sharing is sexy widget. Its an open slide heart social bookmarking. You can see the demo by clicking here

Add The Split Heart Bookmarking Gadget Top Your Blog

Remember guys, always backup your template before you started to editing your template.
Ok lets do it Add An Awesome Open Slide Heart Bookmarking Widget For Blogger

1. Login to blogger - Design - Edit HTML
2. Find </head> code, you can use Ctrl + F to help you find it
3. Copy this code below before the </head> code

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

4.  And the next tips is find this following code </body>
5. After that copy this code below, before </body>

<!-- Start Heart Share Code From http://www.spiceupyourblog.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.spiceupyourblog.com/">Blogger Wordpress Gadgets</a>
<!-- End Heart Share Code From http://www.spiceupyourblog.com/ -->

How to Change The Widget Position

The Gadget is currently set to be in the bottom right corner of your blog but you can easily change this. In blue above you can see bottom: 2%; left: 2%;. You can change Bottom to top for it to be at the top of the page and left to right for it to be on the right of the page. You can also change the percentages to have it further from the bottom/top and left/right.

6. Save your template
Ok thats it  Add An Awesome Open Slide Heart Bookmarking Widget For Blogger, you can put your question below.