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&locale=en_GB&width=238&connections=9&stream=&header=false&show_faces=0&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