15 September 2013

Open Heart Social Share Widget for blogger

Open Heart Social Share Widget for bloggerIf you do want a certain traffic flow onto your blog then you must need to have a good looking,well designed blog and without beautiful it can't possible ever.If you do provide your blog reader some eye-catching user friendly social share widget then only they would love those widgets to sharing your blog post through those widgets onto various social networking site and you'd receive traffic from there.So as  a blogger we do need some bookmarking widget for our blog to give it more priority to our user's eye.So today here in this post we're going to share an eye cathched bookmarking widget for blogger users.

 Must Read : Livefyre Comment System for Blogger

Add This on Blogger

  • First login to Blogger > Dashborad
  • Next Click on Drop Down Menu and select Template
  • Don't forget to backup your Template before making any changes to your blog
  • Now Search for </head> within your template
  • Then paste below code just before </head>

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

  • Next search for the </body> tag and paste below code above it.

<div style='position: fixed; bottom: 2%; 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>

  • Finally save the template and you're done.


The Gadget is currently set to be in the bottom right corner of your blog but you can easily change this according to your desire.In above code you can see bottom: 2%; left: 2%;.You can change Bottom to top for it to be at the top of the page and left to right for it to be on the right of the page.You can also change the percentages to have it further from the bottom/top and left/right.

Now you just take a look onto your newly made widget.Hope it'll increase the beauty of your blog as well as the no of readers for your blog.If you're facing any problem during the implementation of  this widget onto your blog,just ask for help through the below comment section.

Articles You May Like

5 comments: Leave Your Comments

  1. The heart social share button looks really cool.

  2. Do you other images aside form the heart? This widget looks neat but the heart won't look good on my blog :P