Add Pop Up Facebook Like Box for Blog

It's easy to add pop-up Facebook Like Box for Blogger Blog or Website. Just simply copy the below HTML codes and paste it in your widget box area.

My website www.way2onlinejobs.com getting around 15,000 visitors per day via Facebook Groups and Fans Pages. If I add this Facebook Pop-up Like Box earlier then now I will get around 50,000 visitors per day. I missed a trick there. After conducted several research on Facebook and also visited more than 500 websites now I come to know yes, it's working very well on most of the websites with Facebook Pop-up Like Box.
You can easily increase the number of fans for your Facebook Fans Page. Infact you can double it within a week after implementing this method. With Pop-up Facebook Like Box your site visitors directly see how many visitors you've  on your fans page and they also interest to join your fans page. 

In this tutorial, I am going to teach how to install this wonderful widget to your blogger blog and also your website. You can simply copy this below code and paste it in your widget box area. That's it. 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="https://gj37765.googlecode.com/svn/trunk/html/[www.gj37765.blogspot.com]jquery.colorbox-min.js"></script>
<link rel="stylesheet" href="https://gj37765.googlecode.com/svn/trunk/html/%5Bwww.gj37765.blogspot.com%5Dfbpopup.css" type="text/css" />
<script type="text/javascript">
if (document.cookie.indexOf('visited=flase') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#mdfb"});
<div style='display:none'>
<div id='mdfb' style='padding:10px; background:#fff;'>
<h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FAskPeramburKumar&amp;width=300&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.2createablog.com">2createablog.com</a></p>

Now step-by-step procedure to install Pop-up Facebook Like Box to your blogger blog and also to your website.
  1. Go to Blogger.com
  2. Open your Favorite Blog
  3. Click Add a Gadget Link. Now, Add a Gadget Page is opened. Just scroll your mouse and select HTML and Javascript option and press + icon to add this widget.
  4. Don't give any title for this gadget in the title box. Just leave it empty.
  5. Just copy and paste the above code in that box and Click "Save" that's it.
 It's working fine in most of the blogs. Hope this widget working fine on your blog too. If you like this post then consider sharing with your friends and leave your valuable comments below.

Post a Comment