How to add Both Facebook and Twitter Sliding like Boxes in wordpress Blog

Traffic by twitter purely depends upon the twitter followers, no one knows how to increase the twitter followers, simple add twitter follower box at your site or blog. If any visitor like your content he must follow you at twitter to see more useful updated by you. So, twitter is also a free method to promote your site as Facebook Fan page. You may get huge traffic by twitter if yours tweets have good stuff. We have already learn about this how to add Facebook floating like box at wordpress, now we’ll see how to add both twitter and Facebook floating like box.

How to add it? Same as Facebook like box, this is absolutely a same task; the second script (See below) is the same as Facebook like box have. You just have to customized it and put it in a text widget. Let’s see how to do this procedure.

1: Login at Your WordPress

2: Go to Appearance then Widgets

3: Put a new text Widget in Sidebar

4: Put the first script (See below) into this widget and customized it for your Facebook Fan page and Twitter follower (See below)

5: Now install a plug-in Header and Footer (Download below) to put code easily above </head>. You may have difficulty to find this tag in the Editor, that plug-in works well and put your every script above </head>. If you have this plug-in already don’t need to install.

6: Put the Second Script (See below) in that plug-in. You may see the three options to put script, use all three and put script in all. If you added the script already don’t need to add now.

7: Check your blog now and enjoy it.

First Script:

<link rel=”stylesheet” type=”text/css” href=”http://latesthack.googlecode.com/svn/mywidgets/2in1left/css.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({left: 0}, 500); },function(){ jQuery(“#facebook_right”).stop(true,false).animate({left: -240}, 500); }); jQuery(“#twitter_right”).hover(function(){ jQuery(this).stop(true,false).animate({left: 0}, 500); },function(){ jQuery(“#twitter_right”).stop(true,false).animate({left: -240}, 500); }); }); </script><p style=”display:none;”>2 in 1 social sharing by<a href=”http://www.bloginginfo.com”>BlogingInfo</a> </p><div id=”on”><div id=”facebook_right” style=”top: 18%;”><div id=”facebook_div”><iframe src=”http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FBloggingInfo&locale=en_GB&width=238&connections=9&stream=&header=false&show_faces=0&height=256″ scrolling=”no”></iframe><img src=”http://3.bp.blogspot.com/-8VmTYeeyuKE/T55bu2xpDSI/AAAAAAAAA5E/0T_knH80dCI/s1600/facebook.png” /></div></div></div><div id=”on”><div id=”twitter_right” style=”top: 35%;”><div id=”twitter_div”><div id=”twitterfanbox”></div><script type=”text/javascript”>fanbox_init(“Bloginginfo“);</script><img id=”twitter_right_img” src=”http://3.bp.blogspot.com/-qTsiArj5TKE/T55bwEhePyI/AAAAAAAAA5M/LmmwPVvg0yw/s1600/twitter.png” /></div></div></div>

Second Script:

<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js”type=”text/javascript”></script>

How to Modify It:

Simply change your twitter username and Facebook fan page username.

Change Your Facebook Username here:

<iframe src=”http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FBloggingInfo&locale=en_GB&width=238&connections=9&stream=&header=false&show_faces=0&height=256″ scrolling=”no”>

Change Your Twitter Username Here:

<script type=”text/javascript”>fanbox_init(“Bloginginfo“);</script><img id=”twitter_right_img” src=”http://3.bp.blogspot.com/-qTsiArj5TKE/T55bwEhePyI/AAAAAAAAA5M/LmmwPVvg0yw/s1600/twitter.png” /></div>

Save Widget and check your blog.

Download the Head and Footer here: Download

Watch This Previous Tutorial to save your time, this tutorial is for the single Facebook sliding like box but, the procedure is same.