Pages

Saturday 2 February 2013

Awesome Fixed Position Slide Open Heart Bookmarking Gadget For Blogger Blog

open-heart-bookmarking-gadget-for-blogger1
In this post I will show you the best way to get more bookmarks ! It’s a fixed position slide and it has awesome on mouse hover effect. It will attract your visitors and you will get more and more bookmarks and it’s a container having Facebook, twitter, Pinterest, LinkedIn, Stumble Upon, Email and the Share This Icon Offers hundreds more bookmarking choices.



Live Demo

Follow the simple steps to add this widget

1. Login into your blogger blog
2. Go to TEMPLATE
3. Click on EDIT HTML
4. Take a backup of your blogger template
5. Search </head> (press Ctrl + f to find </head>) and paste bellow code above/before it.

<!-- Social Bookmarking Gadget By http://theoriginalbloggertricks.blogspot.in/  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://theoriginalbloggertricks.blogspot.in/  end-->


6. Now search for </body> option and before/above it just paste the following code.


<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>


Now just save your blogger template and you have done !
Rate this posting:

Subscribe To Get FREE Tutorials!

0 comments:

Post a Comment

 
Widget by : BBloggerTutorials