Learn How to add
beautiful heart shaped sharing buttons to blogger ?
* Go to Template >
Edit HTML > find the </head> tag
* Copy and Paste the
following code Above / Before </head> tag
<!--
Start Heart Bookmarking Gadget Code -->
<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 -->
* Now find the
</body> tag and Copy/Paste the below Code Above / Before
</body> tag
<!--
Start Heart Share Code -->
<div
style='position: fixed;bottom: 2%; right: 12%;'>
<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>
<!--
End Heart Share Code -->
Note: You can change
the location of the Heart by editing the values of bottom: 2%; left: 2%;(which
is in red color)
No comments:
Post a Comment