Thursday 20 September 2012

How to add Social bookmarking gadget with Egg sliding effect in blogger





Social Sharing Widgets are very much important For a blog to draw the attention of large numbers of unique Visitors from Social Networks. Attractive Social Sharing widgets enhance the  visitor’s interest to share your posts on his/her Friends Circle.  So, On this Post I will guide you to “Add Social Bookmarking Widget with Egg Sliding effect for Blog”.




Follow the Following steps to Implement It Into Your Blogger Blog:


  • Login to your Blog and Go to Template—> Edit HTML –> Proceed. [ Note: Kindly Backup your Template before making any changes]
  • Now, Search for </Head> and paste the following Codes just above it.
<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script><script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script><script type="text/javascript">stLight.options({publisher: "a24ff27f-9f78-47f2-964b-0ff1c6637032", onhover:false}); </script><link media="screen" type="text/css" rel="stylesheet" href="http://w.sharethis.com/gallery/shareegg/shareegg.css"></link>


  • Again, Search for </Body> and paste the following codes just above it.
<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div><script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,&#39;blogger&#39;,&#39;stumbleupon&#39;,&#39;sharethis&#39;],{title:&#39;<data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});</script>

  • Now, Save your Template. you are done..!! If you face any problem, kindly comment below.

1 comments:

Unknown said... [Reply]

how to add this widget in wordpress ?

Post a Comment

Facebook Twitter Subscribe

 
Twitter Bird Gadget