Cool Fixed Position Slide Open Egg Social Bookmarking Gadget For Blogger

Cool Fixed Position Slide Open Egg Social Bookmarking Gadget For Blogger

In this post we have the same social bookmarking gadget but this time it will not be shaped as a heart but instead an ovel egg shape.The share egg sits in the bottom corner of your blog and remains fixed as the reader scrolls the page.On hover the egg slides open to reveal bookmarking buttons for your readers to share posts on Facebook, Twitter, Google +, Blogger, LinkedIn, Stumble Upon, Email and the Share This Icon Offers hundreds more bookmarking choices.This is a great gadget to get the attention of your readers and have them bookmarking your posts.I have the tutorial to add the gadget to your Blogger blog below but first check out the screenshot and live demo. 

Add The Share This Egg To Your Blog

Remember Always Back Up Your Template Before You Make Changes

How To Add Share This Edd To Blogger

Step 1. In The New Blogger Dashboard Click The Drop Down Menu For Your blog And Choose > Template > Under your blogs screenshot choose "Edit Html" > Then Proceed, as shown in the video below.

 

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://s2free.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 Egg Bookmarking Gadget Code From http://s2free.blogspot.com/ -->

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://s2free.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://www.gj37765.blogspot.com/">Blogger Gadgets</a><!-- End Egg Share Code From http://s2free.blogspot.com/ -->

The Gadget is currently set to be in the minimal rightmost predicament of your blog but you can easily occurrence this.In Red above you can see side: 2%; remaining: 2%;.You can change Inferior to top for it to be at the top of the attender and unexhausted to just for it to be on the ethical of the attender.You can also change the percentages to somebody it more from the bottom/top and left/right.

Save Your Template.

That's it the gadget has been further to your blog.