Click Below Ad for Leaning Blogging Tricks.
Slid open sharing Widget are always been using by Blog Visitors to share their favorite posts with her friend on all social networking sites.In above Image there is a heart open social sharing Widget which get separated in two parts on hover this widget and between the two parts of hearts include Social Sharing Button for sharing specific article and posts.
Also Read:-Sora Mag Premium Blogger Template Download
This Widget Include 6+ Social Networking buttons listed below:-
Today I am share this widget with you for your blog this widget are amazing effects and beautiful widget for your blog his widget special and suitable Love topics and Red color themes Templates blog.
This widget has a great hover effect mean when your mouse over it, it will be open this is the hover effect of this widget.You can add some hover effect widgets in your blog such as:-Recent Posts Widget with Hover Effect and Popular Posts Widget and Many More!Once you have seen this widgets demo then you insert this beautiful heart widget in your blogger blog check the demo below.
Check Live Demo:-
How To Add Amazing Open Heart Sharing Widget for Blogger:-
- Go to Blogger Dashboard>>Template>>Edit HTML
- Find Below Code Using Ctrl+F
</head>
- Paste the The following below given code above/before <head>
<!-- Start Open Heart Bookmarking Gadget From http://www.softwayrko.blogspot.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: "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 Open Heart Bookmarking Gadget From http://www.softwayrko.blogspot.com/ -->
- Now find This tag Using Ctrl+F
</body>
- Paste the following below given code before/above </body>
<!-- Start Open Heart Bookmarking Gadget From http://www.softwayrko.blogspot.com/ -->
<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://softwayrko.blogspot.com/2014/06/amazing-open-heart-sharing-
widget-for.html">Get This Gadgets</a>
<!-- End Open Heart Bookmarking Gadget From http://www.softwayrko.blogspot.com/ -->
To move the position of this heart widget from the bottom right corner of your blog to anywhere you want change the percentages of the red code from above code.
- Now Click on Save Template
- Check your desired location in your blog where you add this widget.
- Finish
- Enjoy.
Final Words
I hope you can add this widget in your problem and you are like this beautiful heart with hover effect if you you're facing problem or getting error during this process ,So Please comment for his problem solutions.And Don't forget to like our Facebook Page.
Happy Blogging!
0 blogger-facebook: