Slide Out Egg Bookmarking Gadget

This are Cool Slide Out Egg Sharing Buttons For Blogger. Sharing is an important part of our website because it lets others to know about your website.Different types of Sharing buttons are available today this is one of it. This buttons have slide out effect. This buttons are closed in an egg and on hover the egg opens and slides wide showing the sharing buttons. This buttons are made by sharethis. Sharethis is a bookmarking service which has many more such gadgets. In this blog you will get some more buttons by sharethis and also made by me.

So i will show you How to add this to your blog/website.

View Demo

Follow the Below Steps:

Step.1 

1. Login to your Dashboard.
2. Go to Templates--->Edit html.
3. Find for </head>
4. Copy and Paste the below code above/ before </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'/>

Step.2

1. Now find for </body> tag.
2. Copy and Paste the below code above/before </body> tag.

<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 the Template.

It's Done .

Categories: Blogger Tricks , Blogger Widgets , Social Media Gadgets