Unordered List

Tuesday, February 12, 2013

Add Stylish Sliding Open Heart Social Media widget To Your blogger

Friends, today  i sharing 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..
Add stylish sliding heart social media widget fror your blogger

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


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

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

  • Place the following code just above it.


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

  • Save your Template. Enjoy.....



Leave a comment below................................

0 comments:

Post a Comment