Cool/Excellent Fixed Position Slide Open Egg Social Bookmarking Gadget For Blogger

Few weeks ago Sharethis team has introduced a new excellent slide out open heart bookmarking gadget as a Valentine gift from them, now again this time they came with another excellent bookmarking gadget as an ovel Egg Shape. When you mouse hover on the egg it splits and opens several bookmarking buttons like Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email and many more bookmarking choices. The share egg sits in the bottom corner of your blog and remains fixed as the reader scrolls the page.

Slide Open Egg Social Bookmarking Gadget Demo

Live Demo

How to Add Fixed Position Slide Open Egg Social Bookmarking Gadget To Blogger

• Go to Blogger Dashboard 
• Click on DropDown Menu and select Template
• Backup your Template before making any changes to your blog
• Now Click on Edit HTML --> Proceed --> Expand Widget Templates
• Press Ctrl + F and search the code shown below

</head>

• Now Paste the Code shown below just before/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'/>

• Now Find the code shown below using [ctrl+F]

</body>

• Now Paste the Code shown below just before/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

Customization To The Gadget

• If you like to place the button at the TOP corner of the page then simple change bottom: 2%; to top: 2%;
•  If you wish to place the button at the RIGHT corner of the page then simple change left: 2% to right: 2%

Like it? Share it.