Saturday, June 9, 2012

Beautiful Slide Open Heart Bookmarking Widget For Blogger

This is also similar to  Egg bookmark gadget.its attractive
Social bookmark gadget.It include with great hover effect.
It Include the buttons  Facebook share, Twitter,
Google +, Blogger, LinkedIn, Stumble Upon, Email
and the Share This Icon.This tutorial will helps you to
add it to your blog. Follow These Steps.

Beautiful Slide Egg Bookmarking Widget for Blogger


Demo


 Slide Open Heart Bookmarking

1. Log in to blogger account and Go to Design >> Edit HTML
  
2. Put checked marked in Expand Widget Templates

3. Find this tag by using Ctrl+F    </head>

4. Paste below code Before </head> tag


<!-- Social Bookmarking http://www.bloggertrix.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;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'/>

5. Now Find this code  by using Ctrl+F </body>

6.  Paste below code 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>
<a href="http://www.bloggertrix.com/">Blogger Widgets</a>

You can change bottom 3 and left 2 for change the positions.

7. Now save your template
 you are done.

0 comments:

Post a Comment