Add jQuery And CSS3 Social Share Widget To Blogger

Add This To Del.icio.us Tweet/ReTweet This Share on Facebook StumbleUpon This Add to Technorati Digg This

This is a nice social sharing gadget with nice CSS3 effects. This gadget takes place at the footer. Your readers may not like a floating social share bar at footer so they have a right to hide it. So there is a cross button. When you click on the button the widget will go vanish. Who browse with Internet Explorer, can not see thw widget. It works great with Mozilla Firefox, Google Chrome and Safari

Go to Blogger → Design → Edit HTML

Search for the following code

<head>

Copy and paste below code just above <head>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript">
</script>
<script src="https://rafiblog.googlecode.com/svn/trunk/css3sharebar1.js" type="text/javascript">
</script>
<script src="https://rafiblog.googlecode.com/svn/trunk/css3sharebar2.js" type="text/javascript">
</script>
<link href="https://rafiblog.googlecode.com/svn/trunk/css3sharebar.css" rel="stylesheet" type="text/css"></link>

Now save the template and done

Please comment here if you like. You are requested to share the article with your friends if you like