I
had given you
version 1 of 4 in 1 social slide popout widget in my older post , and in this post i give you version 2 of 4 in 1 Social Sharing Slide Widget for blogger which include facebook like box , twitter fan follow me box , google + and subscription form . in this version i just changed a twitter tweets box with twitter fan follow me box.
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' 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.
| If You Enjoyed This Post Please Take 5 Seconds To Share It. |
Title : 4 in 1 Social Sharing Slide Popout Widget For Blogger - Version 2
Description : I had given you version 1 of 4 in 1 social slide popout widget in my older post , and in this post i give you version 2 of 4 in 1 Social S...
