Slide Open Heart Bookmarking Gadget

6:06 AM Posted by Hammad Ansari

Every blogger wishes to show or add new and cool widgets/gadgets to their blogs. One of the most important widget for a blog is the sharing or bookmarking widget. Once you've got an attractive Sharing widget installed, you'd catch a whole lot of attention of your visitors, you'd get maximum number of your posts shared. This gadget is basically a "heart", when you hover over it, it splits and reveals the Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email and the Share This Icons. So lets get to the tutorial.

Add the Slide Open Heart Bookmarking Gadget!

Go to Blogger >> Design >> Edit HTML.
Check the box beside "Expand Widgets Template".
Now find </head>
Copy and Paste the following code right above </head>

<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: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

5. Now find </body>
6. Copy and Paste the following code right above </body>.

<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script><a href="http://bloggertat.blogspot.com/">Blogger Gadgets</a>

7. Save your Template and you are done!
If you have any problem or any query, simply drop them in the comment box below. :)

Tags: Bookmarking, Slide Open Heart, Subscribe, Widgets

Share your views...

0 Respones to "Slide Open Heart Bookmarking Gadget"

Blogger TAT

Popular Posts