BloggerHero - Blogger Tuts, SEO, Themes, Gadgets
Inspired by Material Design

Slide Open Heart Shaped ShareThis Widget For Blogger

3 comments

Slide Open Heart Shaped ShareThis Widget For Blogger
Slide Open Sharing Tools are always been used by Blog readers to share your blog's content on social networking sites, in last post I've explained "How to Add Slide Open Egg ShareThis Widget to Blogger" In this post we are going to learn "How to Add Slide Open Heart Shaped ShareThis Widget" before that I had written "How to Add Custom CSS Social Sharing Widget To Blogger"  you can also check our all Social Share Widgets
Slide Open Heart Shaped ShareThis Widget For Blogger

You can see in above picture there is a heart which gets separated in two parts on hovering it, and between the two parts there are social share icons {Incl Facebook, Twitter, Pinterest, LinkedIn, Stumble Upon, Email, ShareThis All Share} This widget will be fixed at corner of your blog due to which it attracts every visitor and resultant your blog content will be shared a lot !

So Would You Like To Add This Widget to Your Blog? Its Too Easy, Just Follow These Steps !
1. Go to Blogger > Dashboard > Template.
2. Click Edit HTML, find the code </head> .
3. After Finding it, Copy the following code and paste it above </head>
<!-- Techethix.tk --><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.optionsundefined{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'/><!-- Techethix.tk -->
4. Now find the code </body>.
5. Copy the following code and just paste it above it.
<!-- Techethix.tk --><div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<script type='text/javascript'>stlib.shareEgg.createEggundefined'shareThisShareHeart', ['facebook','twitter','pinterest','linkedin','stumbleupon','email','sharethis'], {title:' <data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareheart'});</script><a href="http://techethix.blogspot.com">Blogger Gadgets</a><!-- Techethix.tk -->
6. Click Save Template !
That's it you are done now ! Go to Your Blog you can check a heart shaped shareThis widget at your blog.
Note : The Gadget is currently set to be in the bottom right corner of your blog but you can easily change this.In yellow above 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.

Hope above information must have found very helpful, don't forget to Subscribe Us by Email and Don't forget to add our Badge.
You can also share this post with your friends ! if you have any problem just drop your comment below !

3 comments :

  1. awesome blog specially from amravati .......one thing keep mobile view on cos web version on mobile irritated keep in touch

    ReplyDelete
    Replies
    1. Thank you very much for the suggestion, Im doing everything to make it mobile friendly :)
      are your from Amravati ?
      I would like to meet you :)

      Delete
  2. nice sharing dear
    keep it up.

    ReplyDelete

Powered by Blogger.