Slide Out Egg Bookmarking Gadget For Blogger

Presenting a cute egg shaped fixed position on hover slide open bookmarking gadget for your blog. This is a normal bookmarking gadget but is dressed-up in a cute way. This stays at a fixed position on your blog. This contains Facebook, Twitter, Google +, Blogger, LinkedIn, Stumble Upon, Email buttons and the Share This Icon Offers hundreds more bookmarking choices. First you must check out the screenshot before you add this cute gadget to your blog. I have a tutorial below specially made for you for adding this widget to your blog. So lets go on to the tutorial

How to add slide out egg bookmarking gadget to blogger?

1. Go to "TEMPLATE" and click on "EDIT HTML".

2. In the "HTML EDITOR" find(CTRL+F) for </head> 

3. Just before/above </head> paste the following code:

<!-- Start Heart Bookmarking Gadget Code From http://bloggertrickshut.blogspot.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://bloggertrickshut.blogspot.com/ -->

4. Now find for </body> (Use CTRL+F to find codes)
5. Just before/above </body> paste the following code:

<!-- Start Heart Share Code From http://bloggertrickshut.blogspot.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://bloggertrickshut.blogspot.com/ ">Blogger Widgets</a><!-- End Heart Share Code From http://bloggertrickshut.blogspot.com/ -->

Customizing the position of the gadget/widget!

This is an easy customizable widget. You don't need to customize any big thing in this widget/gadget. Just you need to change the position of the widget. Well, it is optional because if the position fits your blog you may continue without customizing the position. So all just you need is to change the highlighted text in the above code. The code says: bottom: 2% and left:2%. This means the widget will float 2% away from the bottom and left. You can change those percents to change the position of your widget. 

After all, we have added a new cute sharing widget to our blog. I will be posting many other coll and cute bookmarking gadgets and more. Don't forget to subscribe to Blogger Tricks Hut. Happy Blogging. Comments are welcome.

Posted in: Blogger,Javascript,Widget