Thursday, 18 October 2012

Pin It

Widgets

Add An Awesome Fixed Position Slide Open Egg Bookmarking Gadget To Blogger

A few weeks ago I have posted how to Add An Awesome Fixed Position Slide Open Heart Bookmarking Gadget To Blogger.In this post we have same social bookmarking gadget but with oval egg shape instead of heart.On hovering mouse over the egg,the egg slides to open bookmarking buttons which allows your readers to share posts on Facebook, Twitter, Google +, Blogger, LinkedIn, Stumble Upon, Email and the Share This Icon Offers hundreds more bookmarking choices.Below is a screenshot how it looks.

Add The Share This Egg To Your Blog

Remember Always Back Up Your Template Before You Make Changes

Step 1. In The New Blogger Dashboard Click The Drop Down Menu For Your blog And Choose > Template > Under your blog's live demo choose "Edit Html" .

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code

</head>

Step 3. Copy and Paste the following code Directly Above / Before </head>


<!-- Start EGG Bookmarking Gadget Code From http://technoclouds.blogspot.in/ --><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 EGG Bookmarking Gadget Code From http://technoclouds.blogspot.in/ -->


Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code

</body>

Step 5. Now Copy And Paste This Code Directly Above / Before </body>


<!-- Start EGG Share Code From http://technoclouds.blogspot.in/ --><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://technoclouds.blogspot.in/">Blogger Gadgets</a><!-- End EGG Share Code From http://technoclouds.blogspot.in/ -->

Important, Move The Position Of The Gadget :

The Gadget is currently set to be in the bottom right corner of your blog but you can easily change this.In yellow above you can see bottom: 2%; left: 2%;.You can change Bottom to top for it to be at the top of the page and left to right for it to be on the right of the page.You can also change the percentages to have it further from the bottom/top and left/right.

Step 6. Save Your Template.

That's it the gadget has been added to your blog.Make sure to check out more of our Blog Gadgets and Social Bookmarking Gadgets.


Reactions:

2 comments:

Complicated?
If you have any question about any Post, Don't hesitate to ask question.You can simply drop a comment below post.Your Feedback always appreciated.