Friday, 23 November 2012

Beautiful Slide Open Heart Social Bookmarking Gadget For Blogger



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://danish-mir.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.optionsundefined{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://danish-mir.blogspot.com/  end-->
    5. Now search for </body> tag.
    6. 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.createEggundefined&#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
    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....

    1 comment: