Easy way to add Facebook Like Box Pop up widget for blogger

Facebook Stats for Years 2011 – 2012 is 835,525,280 User, that mean you can get a lot of traffic to your blogger through Facebook and to do this you need Facebook like box for your blogger when any person or user visit your blogger and if he like your Facebook then he will get your latest update through Facebook . And it’s very easy to add Facebook popup like box to your blogger. In this post I am going to tell you how to add Facebook popup widget to your blog.




Come let’s do it

     1)      Login to Blogger

     2)      Go to dashboard

     3)      Click layout

     4)      Click Add Gadget

     5)     Select  Add HTML/JavaScript gadget

     6)      Now copy the below code and paste it into HTML/JavaScript gadget 



<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%3A%2F%2Fwww.facebook.com%2FFreewarepcsoftware&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;"></center></div>




7) You will find Freewarepcsoftware words in Red Color , replace it with your own fb like page username.

 And you have done it, Now refresh your blogger page and see Facebook like page will popup


No comments:

Post a Comment