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.

http://www.earnonlineng.com/search/label/blogging%20tips

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.

Comments

Popular posts from this blog

How to Check Own Sim Number on Etisalat Network

Factors That Encourage The Growth of Commerce.

Factors Affecting the Growth of Commerce in West Africa