Friday, February 22, 2013

How To Add Stylish Sliding Open Heart Social Media widget To Your blogger

Friends, Now i share a beautiful social media sharing widget for you. It is a valentine’s day special widget. Its look like a heart shape. When peoples mouseover on heart it split into two and social sharing buttons are sliding out. Its make a romantic and spicy feel in your blog. If you want to add this widget in to your blog. please follow this post..

Go to your Blogger

Select Template option

Click on Edit HTML

Tick on Expand Widget option

Find (Ctrl+F) </head> tag

Copy below code and paste it above </head> tag

<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'/>
<!-- End Heart Bookmarking Gadget Code From http://www.masterhacksindia.blogspot.com/—>

Now find (CTRL+F) for </body> tag.

Place the following code just above it.

<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://www.masterhacksindia.blogspot.com/">MH</a>
<!-- End Heart Share Code From http://www.masterhacksindia.blogspot.com/ –>