4 in 1 Social Sharing Slide Popout

How To Install This Widget To Blogger?

Step :- 1

• Go to Blogger-->Design--->Edit HTML
• CTRL + F to find </head>
• Copy and paste Below Code Just Above </head>

<link href='https://gj37765.googlecode.com/svn/trunk/html/mddemo/4in1widgetv2.css' rel='stylesheet'/>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'></script>
<script src='http://apis.google.com/js/plusone.js'type='text/javascript'></script>
<script src='http://makingdifferent.googlecode.com/files/fanbox_init.js' type='text/javascript'></script>
<script type='text/javascript'>
jQuery(document).ready(function(){
 jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); });    jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); });    });
</script>

Step :- 2

• Fill the required data below
• Click on "Generate" button
• Finally click on "Add to Blogger" button to add this widget to your blogger.