Page Like Box

 <script type="text/javascript">

$(document).ready(function() {$(".floatinglikebox").hover(function() {$(this).stop().animate({right: "0"}, "medium");}, function() {$(this).stop().animate({right: "-250"}, "medium");}, 500);});
</script>

<style type="text/css">
.floatinglikebox{
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxboRTtTR4ThmwdSVcMoGfLwdtuA7CKxWw7_O1MFgO8rpZKZLkTRt8S4yNHFwh2lRmD9AIIqm9m5pHJbt7aYroflh4zgEo36iT86YQ6BYUCdq-OB5gcYvI4gK1s_WJMhRvKp2Kg32K8ErS/s150/w2b_facebookbadge.pn") no-repeat scroll left center transparent !important;
display:block;float:right;opacity: 1;
height:210px;padding:0px 5px 250px 45px;
width:245px;z-index:9;
position:fixed;right:-250px;
top:14%;}
.floatinglikebox div{border:none;position:relative;display:block;}
.floatinglikebox span{bottom:10px;font:11px tahoma,verdana,arial,sans-serif;
position:absolute;right:6px;text-align:right;z-index:99999;}
.floatinglikebox span a{color:#808080;text-decoration:none;}
.floatinglikebox span a:hover{text-decoration:underline;}
</style><div class="floatinglikebox" style="">
<div>

<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FITPMobile&tabs=timeline&width=251&height=400&small_header=true&adapt_container_width=true&hide_cover=true&show_facepile=true&appId=312028440139796" width="251" height="400" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>

</div></div>

==================End ==============

Original Code

<iframe src="//www.facebook.com/plugins/likebox.php?
href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FITPMobile&
width=251&height=220&colorscheme=light&show_faces=true&
border_color=%23fffff&stream=false&header=false&" scrolling="no" frameborder="0" style="border:none;overflow:hidden;width:251px;height:210px;background:#fff;" allowtransparency="true">
</iframe>