Add floating FB+Twitter FanPage to any website.

Steps to apply floating Facebook FanPage to your website.
  • Find the code    </head>    in html page.
  • Now paste the code (script) shown below just before/Above </head>.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript">
</script>
  • Now paste the following code before closing body tag. ie. before/above </body>
<link rel="stylesheet" type="text/css" href="http://latesthack.googlecode.com/svn/mywidgets/2in1/2in1.css" /><script src="http://latesthack.googlecode.com/svn/mywidgets/2in1/twitter.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: -240}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -240}, 500); }); }); </script><p style="display:none;"> 2 in 1 social sharing by<a href="http://www.studybytips.blogspot.com">StudyByTips</a></p> <div id="on"> <div id="facebook_right" style="top: 18%;"> <div id="facebook_div"> <img src="https://lh4.googleusercontent.com/-WnLyEj9N8NE/T4CK9NYfklI/AAAAAAAABbw/3lnX32ce6XU/s101/facebook_right.png" alt="" /> <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fblog.studybytips&amp;locale=en_GB&amp;width=238&amp;connections=9&amp;stream=&amp;header=false&amp;show_faces=0&amp;height=256"   scrolling="no"> </iframe> </div></div></div><div id="on"><div id="twitter_right" style="top: 35%;"><div id="twitter_div"><img id="twitter_right_img" src="https://lh4.googleusercontent.com/-KTvBH8zwBc0/T4CK9Kwn3iI/AAAAAAAABb0/xAN4uxnnB88/s101/twitter_right.png" /><div id="twitterfanbox"></div><script type="text/javascript">fanbox_init("StudyByTips");</script></div></div></div>
  • Now Change the bold words( Facebook username-"blog.studybytips" and Twitter Username-"StudyByTips") from above script with your corresponding usernames.
  • Save all changes to your website.
  • Thats it.

0 Response to "Add floating FB+Twitter FanPage to any website."

Post a Comment