HOW TO ADD FACE BOOK POPUP LIKE BOX ON BLOGGERS BLOG

I was going through OGBONGEBLOG.COM when i saw something that may attracts bloggers a pop up menu box that enables viewers to directly like ur facebook page through ur blogspot heres a screenshot of what am saying

Now without wasting much of ur time
1)log on to ur blogger dashboard
2)click on 'layout' on ur blog editors
3)now on the right side or the left side click on the 'add a gadget'
4)now go to the html/javascript editor and paste d code below
5)<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=https://www.facebook.com/YourPageUsername&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>
</div>
6)remember on the code above were indicates 'YOURPAGEUSERNAME' before saving the code change it to the username of ur facebook page.
          If u dnt no ur facebook usernme To get ur facebook page name click this link facebook page name here.Now save it and view ur blog
    I hope it works for you