Thursday, 5 April 2012

Slide Open Egg Bookmarking Gadget for Blogger



Previously I shared with you guys the Great work of Paul Crowe, the "Slide Open Heart Bookmarking Gadget For Blogger Blogs". It's basically the newer version of that awesome widget. It works the same as the Slide Open Heart Gadget but instead of the heart you'll get an egg getting slide open. The Oval shaped egg opens up once hovered and displays bookmarking buttons like Facebook share, Twitter, Google +, Blogger, LinkedIn, Stumble Upon, Email and the Share This Icon (Which Offers plenty of Bookmarking choices). The position of the widget is the same as the earlier

This cool widget is the newer version and is created by Paul of Spice Up Your Blog.

Add the Slide Open Egg Bookmarking Widget!

  1. Go to Blogger >> Design >> Edit HTML.
  2. Check the box beside "Expand Widgets Template".
  3. Now find </head>
  4. Copy and Paste the following code right above </head>
<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'/>

   5. Now find </body>
   6. Copy and Paste the following code right above </body>.

<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.mybloggertips.com/">Blogger Gadgets</a>

   7. Save your Template and you are done!
If you have any problem or any query, simply drop them in the comment box below. :)


No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...