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



HOW TO ADD FIXED POSITION SLIDE OPEN EGG SOCIAL BOOKMARKING GADGET TO BLOGGER

• Go to Blogger Dashboard --> Design --> Edit HTML
• Backup your Template before making any changes to your blog
• Now  Expand Widget Templates
• Find the code shown below using [ctrl+F]

</head>

• Now Paste the Code shown below just before/above it

<!-- Start Heart Bookmarking Gadget Code From http://www.latesthack.com/ -->
<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'/><!-- End Heart Bookmarking Gadget Code From http://www.latesthack.com/ -->

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

</body>

• Now Paste the Code shown below just before/above it

<!-- Start Heart Share Code From http://www.latesthack.com/ -->
<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><a href="http://www.latesthack.com">Blogger Gadgets</a><!-- End Heart Share Code From http://www.latesthack.com/ -->

• Now save your template
• CUSTOMIZATION TO THE GADGET

• If you like to place the button at the TOP corner of the page then simple changebottom: 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.