FREE BLOGGER TRICKS

Sign Up To The Free Email Newsletter!

Want to get notified whenever we produce the latest content ? Then subscribe now to start receiving hot updates from today.

Wednesday, 2 September 2015

Beautiful Slide Open Heart Bookmarking Widget For Blogger

On : 9/02/2015
In :

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.tiwcher.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.tiwcher.com/">Blogger Widgets</a>

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

7. Now save your template
 you are done.
- See more at: http://www.tiwcher.com/2015/09/Beautiful-Slide-Open-Heart-Bookmarking-Widget-For-Blogger.html#sthash.2FTxwg6I.dpuf

0 comments:

Post a Comment