Social Bookmarking Gadget With Egg Sliding Effect

In my previous posts i have shared a lot of beautiful social sharing widgets like 4 in 1 social widget slider, floating social sharer and much more. However it is clear that each and every blog should have an social sharing widget in order to gain attention of huge number of new unique visitors from social networks. Then do you wont feel like the look and feature of various social widgets really matters in order to make your blog visitors feel like sharing your blog content?!!. The look of social widgets on your blog really matters a lot in getting your visitors to share your content on social networks. In today's post, I am giving a most beautiful social bookmarking gadget for your blogger blog with egg sliding effect on mouse hover. Then what are you waiting for!!, lets move with the tutorial.

 

Tutorial On Adding Social Bookmarking Gadget With Egg Sliding Effect::

1. Go to Blogger dashboard --> Template --> Edit Html (Tick Expand widget template).

2. Find(Ctrl+F) </head> and paste the following code just above it.

<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;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

3. Now find for </body> and place the following code 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>

4. Save your Template.