How to Add Facebook Pop Up Like Box on Blogger

The Facebook Pop Up Like box is one of the must have widget every bloggers must use to get an increase in the social networks interactions and Facebook likes.

Many visitors on a site may have no choice than to like the post before reading or performing an task on the site. In return it brings traffic but how do we add this Facebook Pop Up Like Box on Blog on Blogger platform.

1. Just Login to your Blogger Dashboard

2. Just beside the View Blog or Create Post, You will see a drop down arrow and just tick it

3. A list appears and carefully locate Layout

4. Click on Add a Gadget on any side you want

5. Scroll down to Add Html Javascript

6.  Locate YourPageUsername  on the codes below and replace with Your Facebook Page Url
 
<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>





7.  Paste the Codes above

8. Then Save

That all, it requires no special html integration but as simple as that. Thanks for reading.