Monday, 8 August 2011

How To Add Slide Open Heart Bookmarking Gadget To Blogger

Late we posted most an area egg multiethnic bookmarking gadget for blogger.Now we are sharing the aforesaid humane of gadget but soft denatured in painting.Now egg has get nerve :).Sharethis latterly side this chilly social bookmarking gadget.And we follow to excrete bloggerized version of this gadget.The gadget comes with a enjoy courage with share this logotype when anyone waffle on it the hunch splits to discover a activity of bookmarking buttons.When the ticker opens it reveals mixer bookmarking icons much as Facebook, Twitter, Pinterest, LinkedIn, Slip Upon, Email and the Share This Painting Which Offers hundreds writer bookmarking choices.I somebody kept the start and adhesive the cypher.

How To Add Slide Open Heart Bookmarking Gadget To Blogger

  • Go to Blogger Dashboard > Design > Edit HTML.
  • As usual take a backup of your template.
  • Now find for </head> tag.
  • Add below code just before </head> tag.

<!-- Social Bookmarking Gadget By http://bloggers-hero.blogspot.com  start-->
<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;ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee&quot;, onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- Social Bookmarking Gadget By
http://bloggers-hero.blogspot.com/ end-->
  • Now search for </body> tag.
  • Add below code just before </body> tag.
<div style='position: fixed; bottom: 3%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareHeart&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;pinterest&#39;,&#39;linkedin&#39;,&#39;stumbleupon&#39;,&#39;email&#39;,&#39;sharethis&#39;], {title:&#39; <data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareheart&#39;});</script>


Customizations (Optional)

The Gadget is currently set to be in the bottom right corner of your blog if you want to customize this gadget then follow below steps :

  • To show it at top just change bottom to top
  • To show it on right side change left to right
  • Set the values of percentages as you wish...
  • Save your template and you are done....

No comments:

Post a Comment