Facebook like box for blogger - scroll down type

How to Add this Widget in Blogger :

1. Open Blogger in your browser and log in to your account.
2. Now go to Layout option tab.
3. Click on Add a Gadget and then select HTML/JavaScript.
4. Now copy and paste the code mentioned below in HTML/JavaScript area.

*********************************************

<!-- Widget on http://codeshares.blogspot.in start -->
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#dialog" ).dialog();
});
</script>


<div id="dialog" title="Get updates via Facebook">
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/codeshares&width=292&height=258&show_faces=true&colorscheme=light&stream=false&show_border=true&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:285px; height:258px;" allowtransparency="true"></iframe></center>
<center style="float:right; margin-right:10px;">
<span style="font-size:xx-small; color:#000; text-decoration:none;">Get this gadget at</span> <a target='_blank' style="font-size:xx-small; color:#3B78CD; text-decoration:none;" href=" http://codeshares.blogspot.in/">Facebook like Box</a></center>
</div>
<!-- Widget on http://codeshares.blogspot.in End -->

*********************************************

***Replace the red  text with the link of your facebook page

and its done. Enjoy. More to come....

Do comment, your feedback will help us in improving this codesharing site.