Add this beautiful heart bookmark gadget on your blog.
follow these simple steps...
Step1: Back Up Your Template.
Step2: Go to Dashboard > Design > Edit Html
Step3: Find the following piece of code (Tip: Press Ctrl+F for search bar)
</head>
Step4: Copy and Paste the following code Directly Above / Before </head>
<!-- Start Heart Bookmarking Gadget Code From http://netntech.blogspot.in -->
<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: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://netntech.blogspot.in -->
<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: "ur-98d377f-bdd3-9ad1-fbe5-2a678f0a60ee", onhover:false}); </script>
<link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>
<!-- End Heart Bookmarking Gadget Code From http://netntech.blogspot.in -->
Step4: Now find the following code.
</body>
Step5: Now Copy And Paste This Code Directly Above / Before </body>
<!-- Start Heart Share Code From http://netntech.blogspot.in -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a>
<!-- End Heart Share Code From http://netntech.blogspot.in -->
<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script><a href="http://www.spiceupyourblog.com/">Blogger Wordpress Gadgets</a>
<!-- End Heart Share Code From http://netntech.blogspot.in -->
Step6: Save Your Template.
That's it.
How to hide this widget from Mobile? Please help me.
ReplyDeleteI think blogger automatically hide this widget on mobile view. I checked your blog (http://bloggerarifit.blogspot.in) on mobile. This widget is not displaying on mobile version.
DeleteHey! I do hide it by using <b:if tag.... It was not automatically hide. Thanks
DeleteHey! I do hide it by using <b:if tag.... It was not automatically hide. Thanks
ReplyDelete