Add floating facebook and twitter fan box to blogger

HOW TO ADD FACEBOOK/TWITTER FABOX TO BLOGGER

                              This 2 in 1 Floating facebook and twitter widgets are serving good looks to blogger gain more followers.Then the facebook widget is like box and twitter is fan box.So install easily in your blog by following instructions.

• Go to your blogger Dashboard.
• Click the template tab on your dashboard.
• Now click edit html--->proceed--->Expand widget template.
• Then find the code on below.

</body>

• Now just replace the below code with above code.

<script src=

'http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js?ver=1.7.2' type='text/javascript'/> <link href='http://bloggerwhist4.googlecode.com/svn/trunk/3in1.css' rel='stylesheet' type='text/css'/><script src='http://bloggerwhist4.googlecode.com/svn/trunk/2in1.js'/><script src='http://googleplus-activity-widget.googlecode.com/files/jquery.googleplus-activity-1.0.min.js'/><br/> <script type='text/javascript'> jQuery(document).ready(function(){ jQuery(&quot;#facebook_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery(&quot;#facebook_right&quot;).stop(true,false).animate({right: -240}, 500); }); jQuery(&quot;#twitter_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery(&quot;#twitter_right&quot;).stop(true,false).animate({right: -240}, 500); }); jQuery(&quot;#google_plus_right&quot;).hover(function(){ jQuery(this).stop(true,false).animate({right: 0}, 500); },function(){ jQuery(&quot;#google_plus_right&quot;).stop(true,false).animate({right: -280}, 500); }); }); </script><div id='on'><div id='facebook_right' style='top: 42%;'><div id='facebook_div'><img alt='' src=' http://i1203.photobucket.com/albums/bb389/chandruchand/wwwbloggerwhistblogspotcom.png '/> <iframe scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fbloggerwhist&amp;locale=en_GB&amp;width=238&amp;connections=9&amp;stream=&amp;header=false&amp;show_faces=0&amp;height=256'/></div></div></div><div id='on'><div id='twitter_right' style='top: 27%;'><div id='twitter_div'><img id='twitter_right_img' src=' http://i1203.photobucket.com/albums/bb389/chandruchand/wwwbloggerwhistblogspotcom2.png '/><div id='twitterfanbox'/><script type='text/javascript'>fanbox_init(&quot;bloggerwhist&quot;);</script></div>/<br/> </div></div> </body>

• Now simply replace bloggerwhist with your facebook page name.
• Also replace bloggerwhist with your twitter username.
• Now save the template.
• Done.

If you like this post share it

Tweet

Get free daily email updates!

Follow us!

Posted in: facebook/twitter like box,floatingfacebook,floatingtwitter fan box