How To Add Sliding Egg Social Sharing Widget (With Mouse Hover Effect) To Your Blogger

Views:

Friend, This is a funny social sharing widget for your blogger. Social medias are provide more traffic for blogs. People always spend  more times in front of Facebook,Twitter,Myspace,Linkdin etc. So It has an important role in blog traffic. So social medias are important part of a blogger. So add this stylish egg widget for your blogger and enjoy…

 

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: &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'/>

 

• 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='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>

 

• Save your Template. Enjoy.....

 

 

 

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