Beautiful Open Heart Slide Social Sharing Gadget For Blogger

Social Sharing Button are also important for Blog or website Growth. So Here is an amazing social bookmarking widget which was design and made by Share This Service. As i already made an article about simple Share Social Sharing buttons which was
How To Use Share This Widget on Blogger. 
So Today i am going to introduce the another widget from this service which is really beautiful and awesome. This widget is in  Heart shape containing mostly all famous networks. This widget float at Left side bottom of the page with fixed position. These features make this widget attractive and i hope it helps to get more shares. If you want to add this widget then follow below steps and also see Demo from below given button to see how its look on our demo page.

Open Heart widget

Steps To Add This Heart Widget on Blog



  • Firstly Open Your Blogger Dashboard >> Then Open Template
  • Now Click on Edit HTML
  • Then Search For Code which look likes </head>
  • Then Paste the below code Just Above/Before the </head>

<!-- Social Bookmarking Gadget By www.SafeTricks.Net 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 www.SafeTricks.Net end-->


    • After Pasting Above Code now Search for another code which looks like </body>
    • Then Paste Below code Just Before/Above </body>

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


      • After Pasting both code Save Your Template Settings.
      • Now Refresh Your Blog and See this amazing widget on you Blog.

      I hope will be able to add this widget easily but if face any kind of problem must ask me in comments.

      Post a Comment

      0 Comments