In today's post, I am
giving a most beautiful social book marking gadget for your blogger blog with
egg sliding effect on mouse hover.
Social sharing Gadget with Egg Sliding Effect
1. Go to Blogger
dashboard > Template > Edit
HTML > Proceed (Tick [X] Expand Widget Templates).
2. Find </head> and paste the following code just
above it.
<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:
"bea50586-2b9f-448d-947a-01385f28e305", onhover:false});
</script><link
href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen'
rel='stylesheet' type='text/css'/>
3. Now find for </body> and place the following code just
above it.
<div style='position: fixed; bottom: 2%; left:
2%;'><div class='shareEgg'
id='shareThisShareEgg'/></div><script
type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareEgg',
['facebook','twitter','googleplus','linkedin','blogger','stumbleupon','sharethis'],{title:'<data:blog.pageTitle/>',url:'<data:blog.url/>',theme:'shareegg'});</script>
4. Save Template
and Close.
Now you can view your blogger blog
and you can see the social sharing gadget with an egg sliding effect just on
the LEFT BOTTOM of your screen.
Try
it!!!
{ 0 comments... read them below or add one }
Post a Comment