I'm sure you will love it after seeing the demo of this gadget!
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqdjUQnMFG_HwhrwK0WdGwrq1tHSuktSgl3VjyAMhnic_8Kq2KEIcO52F9o6BCwUlYglbdnnw9NzMHvh1gHIqSUpo7PJY61RVqu8DqhhM9iLfKDUMYmiTqoCqIOFI1MEGGXMtULUXQtFr-/s1600/blogger-share-slide-out-heart-bookmarking-gadget-blogger-widgets.png)
Adding The Open Heart Bookmarking Gadget to Blogger
Step 1. Go to your Blogger Dashboard, select 'Template' and click the 'Edit Html' button:![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIDJ_m9Vb0H-6h2cYOSZQeSb7ddFU1Djv32oL7cig9x0tF0g554VKqwvk_ICtdvUi8CJqlTWgjQLn90hd2o1XUbnEmpaQugCaMrgb2T9e9LqgeGD8Go32TP9gntrXM-50i_LVDua7eAmp9/s1600/remove-blogger-labels.png)
....select the "Expand Widget Templates" box (it is recommended to make a backup first)
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi94HaIgehBgnCO6RBEJoN1dPBAVQ8EZ2EitjyMldCd_NPIq6isw8utsFwF3jX2LlEz74w66Dhsa-YdKWLiMeaVyabRAZuTDRwG5xmrdO1qHiP9JiPEEQFIlBsImtVDTmMNwg1RFGCODWNF/s1600/blogger-expand-widget-templates.png)
Step 2. Find the following tag (Ctrl + F):
</head>
Step 3. Paste above/before the </head> tag, the following code:
<!-- Start Open Heart Bookmarking Gadget From http://www.blogger.chipchuck.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: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Open Heart Bookmarking Gadget From http://www.blogger.chipchuck.com/ -->
Step 4. Now find (CTRL + F) this tag:
</body>
Step 5. Paste above/before </body> tag the following code:
<!-- Start Open Heart Bookmarking Gadget From http://www.blogger.chipchuck.com/ -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script>
<!-- End Open Heart Bookmarking Gadget From http://www.blogger.chipchuck.com/ -->
How To Move The Position Of The Gadget
To change the position of this widget from the bottom right corner of your blog to any location you want, change the 2% percentages from Step 5.Step 6. Now preview and Save Template. That's it!
No comments:
Post a Comment