Would be not wrong if I say you already use facebook like box for your facebook page at your website/blog. But they don’t have any kind of effect they just live at your website/blog like a simple widget.

1. Login to your WordPress Dashboard.
2. Navigate to Appearance > Widgets
3. Drag and drop a Text (Arbitrary text or HTML ) widget to the sidebar
4. Paste the following code inside it, if your facebook page URL is look like “https://www.facebook.com/NAME” then use this code

<script type=”text/javascript”>
//<!–
$(document).ready(function() {$(“.w2bslikebox”).hover(function() {$(this).stop().animate({right: “0″}, “medium”);}, function() {$(this).stop().animate({right: “-250″}, “medium”);}, 500);});
//–>
</script>
<style type=”text/css”>
.w2bslikebox{background: url(“http://1.bp.blogspot.com/–tscpVzcBjo/TdUarKtcAlI/AAAAAAAAA3I/qVkypiYO9rc/s150/w2b_facebookbadge.pn”) no-repeat scroll left center transparent !important;display: block;float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}
.w2bslikebox div{border:none;position:relative;display:block;}
.w2bslikebox span{bottom: 12px;font: 8px “lucida grande”,tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}
.w2bslikebox span a{color: #808080;text-decoration:none;}
.w2bslikebox span a:hover{text-decoration:underline;}
</style><div style=”"><div>

<iframe src=”http://www.facebook.com/plugins/likebox.php?href=xxxxxxxxxxxxxxxxxxxxxxxxxx&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp; connections=9&amp;stream=false&amp;header=false&amp;height=270″ scrolling=”no” frameborder=”0″ scrolling=”no” style=”border: medium none; overflow: hidden; height: 270px; width: 245px;background:#fff;”></iframe><span>Widget by:<a href=”http://thingsnews.com/sliding-facebook-likebox-to-wordpress/”>Things Widget</a></span></div></div>

Replace “xxxxxxxxxxxxxxxxxxxxxxxxxx” with you page username. In case your facebook  Page URL  looks like: https://www.facebook.com/NAME

Then better create a Facebook Username  in 5 seconds by visiting this Link

5. Save your widget.
6. Next In your theme options > Go to Head Code.
7. Paste the code below in the head code box.

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

8. Click Save.

Visit your blog to see it working, Hope you enjoy the post.

Read More from ThingsNews Media

1. Photos: Aliaa Magda Elmahdy in controversial pictures
2. Post “disgusting” and “sick” on Facebook: A man sued for trying to sell a sperm whale teeth and jaw
3. Facebook to improve its privacy policy
4. How you can support Jack Jablonski, paralyzed prep hockey star
5. IceBridge Discovers Massive Crack in Ice Shelf

← Laura Dekker: A teenager of 16 years has gone around the world alone

Lisa Snowdon Celebrates 40th Birthday in London →