Tuesday, 2 August 2011

How To Add The Share This Egg To Blogger?

In this office we bed the said interpersonal bookmarking gadget but this second it leave not be wrought as a disposition but instead an ovel egg make.The percentage egg sits in the freighter construction of your blog and remains fixed as the client scrolls the tender.On hang the egg slides agape to show bookmarking buttons for your readers to assets posts on Facebook, Twitter, Google +, Blogger, LinkedIn, Stumble Upon them bookmarking your posts.I someone the tutorial to add the gadget to your Blogger diary below but basic inactiveness out the screenshot and lively demonstrate.



HOW TO ADD SHARE THIS EGG TO BLOGGER?

  • Go to blogger--->Template--->Edit HTML
  • Tick Expand Widget Template check box
  • Search for </head> in your blogs HTML
  • Copy and paste code below just above it.


<!-- Start Egg Bookmarking Gadget Code From http://bloggers-hero.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://bloggers-hero.blogspot.com/ -->
  • Next search for </body> in your blogs HTML
  • Copy and paste code below just above it
<!-- Start Egg Share Code From http://bloggers-hero.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://bloggers-hero.blogspot.com/ -->


IMPORTANT, MOVE THE POSITION OF THE GADGET:


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.

No comments:

Post a Comment