August 17, 2013 by James Morgan with 250 Comments

Here’s a fantastic way to increase facebook likes for your blog or website. Add this enticing widget to your website and a facebook like box will pop up with the lightbox effect when a user visits your page. The facebook widget will show up on your page about 10 seconds after the page loads (but can be customized). This is a surefire way to dramatically increase your likes.

Add Widget to Your Site

Add the following code anywhere in the body section of your template. For WordPress themes, Weebly templates, and Tumblr, you will need to manually copy and paste the script into your template.

<!-- Facebook Popup Widget START --><!-- Brought to you by www.JasperRoberts.com - www.TheBlogWidgets.com -->
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#fanback {
display:none;
background:rgba(0,0,0,0.8);
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
z-index:99999;
}
#fan-exit {
width:100%;
height:100%;
}
#JasperRoberts {
background:white;
width:420px;
height:270px;
position:absolute;
top:58%;
left:63%;
margin:-220px 0 0 -375px;
-webkit-box-shadow: inset 0 0 50px 0 #939393;
-moz-box-shadow: inset 0 0 50px 0 #939393;
box-shadow: inset 0 0 50px 0 #939393;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: -220px 0 0 -375px;
}
#TheBlogWidgets {
float:right;
cursor:pointer;
background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/TheBlogWidgets.png) repeat;
height:15px;
padding:20px;
position:relative;
padding-right:40px;
margin-top:-20px;
margin-right:-22px;
}
.remove-borda {
height:1px;
width:366px;
margin:0 auto;
background:#F3F3F3;
margin-top:16px;
position:relative;
margin-left:20px;
}
#linkit,#linkit a.visited,#linkit a,#linkit a:hover {
color:#80808B;
font-size:10px;
margin: 0 auto 5px auto;
float:center;
}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// key and at least value given, set cookie...
if (arguments.length > 1 && String(value) !== "[object Object]") {
options = jQuery.extend({}, options);
if (value === null || value === undefined) {
options.expires = -1;
}
if (typeof options.expires === 'number') {
var days = options.expires, t = options.expires = new Date();
t.setDate(t.getDate() + days);
}
value = String(value);
return (document.cookie = [
encodeURIComponent(key), '=',
options.raw ? value : encodeURIComponent(value),
options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE
options.path ? '; path=' + options.path : '',
options.domain ? '; domain=' + options.domain : '',
options.secure ? '; secure' : ''
].join(''));
}
// key and possibly options given, get cookie...
options = value || {};
var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;
return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;
};
//]]>
</script>
<script type='text/javascript'>
jQuery(document).ready(function($){
if($.cookie('popup_user_login') != 'yes'){
$('#fanback').delay(10000).fadeIn('medium');
$('#TheBlogWidgets, #fan-exit').click(function(){
$('#fanback').stop().fadeOut('medium');
});
}
$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fanback'>
<div id='fan-exit'>
</div>
<div id='JasperRoberts'>
<div id='TheBlogWidgets'>
</div>
<div class='remove-borda'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=http://www.facebook.com/theblogwidgets&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>
<span style="color:#a8a8a8;font-size:8px;" id="linkit">Powered by <a style="color:#a8a8a8;font-size:8px;" href="http://jasperroberts.com">Jasper Roberts</a> - <a style="color:#a8a8a8;font-size:8px;" href="https://www.theblogwidgets.com">Blog</a></span></center>
</div>
</div>
<!-- Facebook Popup Widget END. Brought to you by www.JasperRoberts.com - www.TheBlogWidgets.com -->

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

<style>

#fanback {

display:none;

background:rgba(0,0,0,0.8);

width:100%;

height:100%;

position:fixed;

top:0;

left:0;

z-index:99999;

}

#fan-exit {

width:100%;

height:100%;

}

#JasperRoberts {

background:white;

width:420px;

height:270px;

position:absolute;

top:58%;

left:63%;

margin:-220px 0 0 -375px;

-webkit-box-shadow: inset 0 0 50px 0 #939393;

-moz-box-shadow: inset 0 0 50px 0 #939393;

box-shadow: inset 0 0 50px 0 #939393;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

margin: -220px 0 0 -375px;

}

#TheBlogWidgets {

float:right;

cursor:pointer;

background:url(http://3.bp.blogspot.com/-NRmqfyLwBHY/T4nwHOrPSzI/AAAAAAAAAdQ/8b9O7O1q3c8/s1600/TheBlogWidgets.png) repeat;

height:15px;

padding:20px;

position:relative;

padding-right:40px;

margin-top:-20px;

margin-right:-22px;

}

.remove-borda {

height:1px;

width:366px;

margin:0 auto;

background:#F3F3F3;

margin-top:16px;

position:relative;

margin-left:20px;

}

#linkit,#linkit a.visited,#linkit a,#linkit a:hover {

color:#80808B;

font-size:10px;

margin: 0 auto 5px auto;

float:center;

}

</style>

//<![CDATA[

jQuery.cookie = function (key, value, options) {

// key and at least value given, set cookie...

if (arguments.length > 1 && String(value) !== "[object Object]") {

options = jQuery.extend({}, options);

if (value === null || value === undefined) {

options.expires = -1;

}

if (typeof options.expires === 'number') {

var days = options.expires, t = options.expires = new Date();

t.setDate(t.getDate() + days);

}

value = String(value);

return (document.cookie = [

encodeURIComponent(key), '=',

options.raw ? value : encodeURIComponent(value),

options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE

options.path ? '; path=' + options.path : '',

options.domain ? '; domain=' + options.domain : '',

options.secure ? '; secure' : ''

].join(''));

}

// key and possibly options given, get cookie...

options = value || {};

var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;

return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;

};

//]]>

</script>

jQuery(document).ready(function($){

if($.cookie('popup_user_login') != 'yes'){

$('#fanback').delay(10000).fadeIn('medium');

$('#TheBlogWidgets, #fan-exit').click(function(){

$('#fanback').stop().fadeOut('medium');

});

}

$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });

});

</script>

</div>

</div>

</div>

href=http://www.facebook.com/theblogwidgets&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'

style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe><center>

<span style="color:#a8a8a8;font-size:8px;" id="linkit">Powered by <a style="color:#a8a8a8;font-size:8px;" href="http://jasperroberts.com">Jasper Roberts</a> - <a style="color:#a8a8a8;font-size:8px;" href="https://www.theblogwidgets.com">Blog</a></span></center>

</div>

How to Customize

Where to find the code?
If you’ve installed the widget by clicking “Add to Blogger” you’ll need to locate the code in order to make customizations. In order to find the html go to the blogger dashboard>Layout. Click “edit” on the “HTML/Javascript” gadget.

Enter your facebook username
Search for http://www.facebook.com/theblogwidgets and replace it with your site’s facebook page URL.

Change the 10 Second Time Delay
By default the widget pops up 10 seconds after the page finishes loading. Search for the code below and change the number 20000 to a greater or lesser number.
1 second = 1000. 10 seconds = 10000. 60 seconds = 60000.

.delay(10000)

1	.delay(10000)

Popup every time the page loads
By default, the like box widget only shows up the first time the user visits your page. If you would like the facebook box to popup every time the page loads, then remove this line of code:

$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });

1	$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });

Display only when user visits your homepage
You can do this by surrounding the widget code with these conditional tags below. Go to Template > Edit HTML. Now search for the </body> tag. Place the facebook popup widget right above this body tag. Make sure to include the conditional tags below.

&lt;b:if cond='data:page.type == "index"'&gt;REPLACE-WITH-FACEBOOK WIDGET-CODE-HERE &lt;/b:if&gt;

1	<b:if cond='data:page.type == "index"'>REPLACE-WITH-FACEBOOK WIDGET-CODE-HERE </b:if>

Having trouble seeing the facebook widget?

By default, this facebook like box widget is only displayed once every 30 days. You may need to delete your cookies if you would like to see it again. Or check out the “How to Customize” section above, in order to display the widget every time a user visits your site.

If you’re still having trouble with the popup widget, please leave a comment below. I am happy to help you!

Another Facebook Like Box Widget…

You should also check out the Floating Facebook Like Box. Conveniently located on the right side of the web page; your visitors will be able to like your facebook page at any time.

Like Us on Facebook?

James Morgan

Designer and web strategist at @jasperroberts. Lover of sports, startups, and people.

http://www.blogger.com/profile/16792395475477817747 HARSH SHAH

nic post i like this post you are great buddy<br />this is my blog plz advice for more traffic <br />www.galaxycomputerworld.blogspot.com
http://www.blogger.com/profile/14104732578342349091 John Smith

This seems really cool! Very useful if someone wants to increase the number of likes and has really good content.<br /><a href="http://www.firstseofirm.com/" rel="nofollow">www.firstseofirm.com</a>
http://www.blogger.com/profile/13295434682717996860 Imran Murtaza

Nice post. Thanks For Sharing..<br /><br /><a href="http://www.queerheartland.org" rel="nofollow">Queer Heart Land</a>
http://www.blogger.com/profile/07110829260651164282 totadze nodari

i cant change fb page link on this blog, why????
http://www.blogger.com/profile/08800279997931808628 James Morgan

Hey,<br /><br />Search for <b>href=http://www.facebook.com/theblogwidgets</b> and replace it with your facebook page url.<br /><br />Let me know if you get it to work.<br /><br />-James
http://www.blogger.com/profile/04589151190227350764 Deepmaster

Thank you for this widget but i have a problem. When i add it to my blog it worked perfect but when i refreshed my page again it wasn't working. Any idea what's the problem?
- http://www.blogger.com/profile/08800279997931808628 James Morgan
  
  Hey, I visited your page and it worked.<br /><br />This widget only shows up the first time a user visits your site (and will show up again every 30 days).<br />You can also see directions posted above on how to have the facebook box show up every time the page is refreshed.<br /><br />James
http://www.blogger.com/profile/00519884084345197368 Nagendran Nagen

it's worked perfect but when i refreshed my blog page Facebook Popup wasn't appear.
- http://www.blogger.com/profile/08800279997931808628 James Morgan
  
  Hey Nagaendran, <br /><br />The widget only shows up the first time a user visits your page. But you can change this by removing this line of code: <b>$.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });</b>
- http://www.blogger.com/profile/00519884084345197368 Nagendran Nagen
  
  i remove it that line on yesterday but its start work today morning after i clean my cookies on my browser and its work perfectly :D<br /><br />thank you very much 😀
- http://www.blogger.com/profile/08800279997931808628 James Morgan
  
  Okay wonderful! I'm glad it's working properly!
- http://www.blogger.com/profile/00519884084345197368 Nagendran Nagen
  
  but bro, i put it back that line bcuz this popup annoying in every label i clicked.<br /><br />can u tell me, how to do this popup for work in home menu only?
- http://www.blogger.com/profile/08800279997931808628 James Morgan
  
  Hey, I've updated the post and added instructions on how to make the widget<b> only show up on the homepage</b>. Check out the "How to Customize" section above.<br /><br />Cheers,<br />James
http://www.blogger.com/profile/04589151190227350764 Deepmaster

Hey man i used the code to show the widget only in homepage but it' still showing up on the other pages.
- http://www.blogger.com/profile/08800279997931808628 James Morgan
  
  Alright I have updated the post with a new string of code, which should now work.
- http://www.blogger.com/profile/04589151190227350764 Deepmaster
  
  Used the new code but still have a problem. Any suggestions?
- http://www.blogger.com/profile/08800279997931808628 James Morgan
  
  Shoot I'm sorry. I've added new instructions! Hope this works!<br /><br />James
- http://www.blogger.com/profile/04589151190227350764 Deepmaster
  
  Did what you said but i get this error when i try to save HTML : The reference to entity "width" must end with the ';' delimiter.
- http://www.blogger.com/profile/08800279997931808628 James Morgan
  
  Parse all of the code with this <b><a href="http://www.blogcrowds.com/resources/parse_html.php" rel="nofollow">HTML Parser</a></b>. Then paste the new code in your template.
- http://www.blogger.com/profile/04589151190227350764 Deepmaster
  
  Didn't work again. Thank you for your help man. Any other ideas?
- http://www.blogger.com/profile/08800279997931808628 James Morgan
  
  Hey I'm sorry it's not working. I'll let you know if I find a fix for you.
http://www.blogger.com/profile/15916971646437640628 Jovano Diaz

I can get it, does not show up! Check out my blog http://jdtech1.blogspot.com/
- http://www.blogger.com/profile/08800279997931808628 James Morgan
  
  Hey Jovano,<br /><br />I checked out your blog but I did not see the code on your site.
http://www.blogger.com/profile/17919318512235511720 Jayshree Bhagat

done! gr8……thank you so much!<br />http://makeupreviewandbeautyblog.blogspot.in/
- http://www.blogger.com/profile/08800279997931808628 James Morgan
  
  Awesome! Just checked it out and it looks great!
Anonymous

how would i remove it?
- http://www.blogger.com/profile/08800279997931808628 James Morgan
  
  Go to the blogger dashboard<b>></b>Layout. Click "edit" on the "HTML/Javascript" gadget. Then click delete.
http://www.blogger.com/profile/11787787354442549456 Phya

Hi! Will this work on other platforms as well? or just blogspot?
- http://www.blogger.com/profile/08800279997931808628 James Morgan
  
  Hi Phya,<br /><br />Yes this will work on any platform. Just copy and paste the code and place it between the body tags of your template.
http://www.blogger.com/profile/03373477826460774914 Ferdicon Mary

Really Awesome, It worked for me check out my blog http://houseretailnews.blogspot.com/
http://www.blogger.com/profile/01957570179398676495 Fazli

thanz bro.. working perfect.. also can set up just only show up on the homepage..
http://www.blogger.com/profile/13057059760514217575 Gwen Catherine

I can't change the facebook url into mine. I clicked the +Add to blogger button rather than typing it manually into the layouts. Now i can't find and don't know where to change the url. <br /><br />http://www.gwendolynme.blogspot.com
- http://www.blogger.com/profile/08800279997931808628 James Morgan
  
  Go to the blogger dashboard>Layout. Click "edit" on the "HTML/Javascript" gadget. Then click delete.
http://www.blogger.com/profile/06210985490384652244 Imran Memon

Great Work Dear<br /><a href="http://www.bloglovin.com/blog/10634045/?claim=rqe586bbbd5" rel="nofollow">Follow my blog with Bloglovin</a>
http://www.blogger.com/profile/12561338709722893299 Muhammed Elasse

it is appear fixed with the page and it does not popup and when i refresh it still fixed in the same place
- http://www.blogger.com/profile/08800279997931808628 James Morgan
  
  Hey Muhammed,<br /><br />I'm not sure that I quite understand your problem. Could you send me your blog URL?
http://ebnmaryam1.blogspot.com/ مدونة ابن مريم

great article
http://www.blogger.com/profile/00758907871012386371 ♠ Ana Teles | Telita ♠

It's working!<br /><br />→ blog: <a href="http://telitanacozinha.blogspot.com/" rel="nofollow">Telita na Cozinha</a><br /><br>
http://www.blogger.com/profile/05489459605629671462 Nikos Tsolakos

The reference to entity "width" must end with the ';' delimiter<br /><br />Fuck!<br />
- http://www.blogger.com/profile/08800279997931808628 James Morgan
  
  Try parsing all of the code with this <a href="http://www.blogcrowds.com/resources/parse_html.php" rel="nofollow">HTML Parser</a>. Then paste the new code in your template.
http://www.orbisdaily.com/ Kelvin Kehinde Omolumo

Works great. Thanks buddy. Using it for my site.<br />i'm also a developper. But didn't think of it this way. i confess it got me thinking lol.<br /><br />www.orbisdaily.com
http://www.blogger.com/profile/07504548841864088731 Soesga Ertusa

i doesn;t work i removed also the code and still doesn't shows up and also on first coding jquery when i tried to saved it it gave me error and have to put some ";" between height,widith, and so long<br />
- http://www.blogger.com/profile/10774311721761386415 James Morgan
  
  Hey Soesga, <br />You should try parsing all of the code with this <a href="http://www.blogcrowds.com/resources/parse_html.php" rel="nofollow">HTML Parser</a>. Then paste the new code in your template.
http://www.blogger.com/profile/10304923981797645830 Joy

Hello! Thanks for the code information. Is it possible to make the popup trigger just upon exiting the site so the person could decide after they have reviewed more of your content?<br /><br />www.watchingjoy.com
- http://www.blogger.com/profile/10774311721761386415 James Morgan
  
  Hey Joy,<br /><br />As of now we don't have a solution for this. I'll let ya know when I find a way to do this.
http://www.itfun24.com/ itfun24.com

nice post… but dropdown menu dont work if i add this
- http://www.blogger.com/profile/10774311721761386415 James Morgan
  
  Hey,<br />what dropdown menu are you talking about?
https://www.theblogwidgets.com/ James Morgan

Hey,
what dropdown menu are you talking about?
https://www.theblogwidgets.com/ James Morgan

Hey,<br />what dropdown menu are you talking about?
Ahmad

thanks it is working. but slow.<br />games and iphone, ipod, android and pc games and apps<br />http://jahanz575.blogspot.com/
loka

Hey Morgan

please how i can customize this widget to appear every 12 hours

Thanks in advance 🙂
- https://www.theblogwidgets.com/ James Morgan
  
  Hey Ioka,
  
  Right now we don’t have a solution for this but I will let you know when we do!
  
  James
- https://www.theblogwidgets.com/ James Morgan
  
  Ioka, check out the new code. Your facebook widget will popup after 30 seconds.
loka

Hey Morgan <br /><br />please how i can customize this widget to appear every 12 hours<br /><br />Thanks in advance 🙂
https://www.theblogwidgets.com/ James Morgan

Hey Ioka,<br /><br />Right now we don't have a solution for this but I will let you know when we do!<br /><br />James
Jake

man something is wrong it doesn’t work to change url i’ve replaced your fb link and also delete the $…. for showing every time the blog is clicked but even so the pop up appears one time only with your facebook link even i’ve changed it why so ?
- https://www.theblogwidgets.com/ James Morgan
  
  Hey Jake,
  
  Can you give me your blog’s URL? I’ll check it out for you.
lovlyman

Thank you very much you are amazing man i just add the code of course after i parse it with this site http://www.blogcrowds.com because before i parse it,doesn’t work so now it works you can check my blog and see it 🙂 http://firstdollars.blogspot.com Thanks a lot ^_^.
http://www.sugarncuffs.com/ www.sugarncuffs.com

Perrrrfect! Thanks! I made a few style tweaks and it works perfectly. I’m using it on my blog, Beautiful Disaster: http://www.myprettyblog.com Thanks for sharing!
Stratis

James is there a way like arevico’s for WordPress, the pop up to be shown once every single day? this would very helpful.
- https://www.theblogwidgets.com/ James Morgan
  
  Hey Stratis, as of now we don’t have a solution for this. I’ll be sure to let you know when we do!
  - Stratis
    
    Hello James and thank you for your prompt answer, how often can we achieve to show to pop up window? for example every 3 days?
    - https://www.theblogwidgets.com/ James Morgan
      
      Try changing the value 7 to 3 in the code below:
      
      $.cookie(‘popup_user_login’, ‘yes’, { path: ‘/’, expires: 7 });
- https://www.theblogwidgets.com/ James Morgan
  
  Hey I figured out how to make the popup widget display after 30 seconds! Copy and paste the new code to your site.
Yes Cook

Ok I have a problem now.
I clicked on the add to blogger. my page now popsup a like box but…
the like box is for the blogwidgets. I tried to search but cannot find it in edit html to make the change.
Please help.. I need urgent help.
- https://www.theblogwidgets.com/ James Morgan
  
  Hey Yescook, it looks like you already figured it out. I’m glad its working!
http://myharpblog.com/ Elliott J. Scott

This is a lot better than the other Facebook Like Boxes that I found online. Thanks for your help James!
- https://www.theblogwidgets.com/ James Morgan
  
  Hey Yescook, it looks like you already figured it out. I’m glad its working!
- https://www.theblogwidgets.com/ James Morgan
  
  Thanks Elliot I agree!
Guest

Thank you for this useful Widget. Is it possible to hide this Widget who has LIKED the Page? if yes then Please inform me what I’ve to do?
thank you again.
Masood Zafar
مسعود ظفر علاء الدین

Thank you for this useful Widget. Is it possible to hide this Widget from those users who already LIKED the Page? if yes then Please inform me what I’ve to do?
thank you again.
Masood Zafar
- https://www.theblogwidgets.com/ James Morgan
  
  Hey this feature is not available right now. I’ll keep ya updated though!
WIEMŻE

Dzięki 🙂 użyję tego na http://wiemze.pl
Adel

Hi, it doesnt work for me :(, I mean it does work but it screws my Image slider, my slider just decomposes and all the images within the slider are shown one under another, the slide function basically collapses.

Any fixes? site http://www.communicategsm.ro
- Ricardo
  
  Same here. Already fix?
  - Adel
    
    No fix yet
Adel

I dont know if the previous message I posted is under moderation or just got deleted because I pasted an outside link so Ill write again. Can you help me abit with this plugin, after I activate it, my image slider doesnt work anymore, Ill attach a screen to check it out, all pics from slider just decompose, helppp 😀

Thanks in advance and keep up the good work, awsome widget!!
- https://www.theblogwidgets.com/ James Morgan
  
  Hey Adel, the widget worked fine for me when i visited your page. Did you remove the slider?
  
  James
  - Adel
    
    Yes, apparently it messes with 5 or 6 modules I have (i made the website on the prestashop platform) and lets say I just disable those modules just so I have your great widget but another problem I saw is the “homepage” thing, I cant figure out how to make it only on the homepage, even tho I added those lines mentioned above 🙁
    
    Best regards
    - https://www.theblogwidgets.com/ James Morgan
      
      Hey Adel, I’m sorry I’ve never seen this problem before. I’ll be sure to let you know If I find a fix.
http://girlxplorer.com/ Payal Pandya

Please help me with it! There are 3 similar widgets i can see there… Facebook Likebox Widget 4.0

Details | Install Now

Facebook Like Box 2.8

Facebook Like Widget 1.0

Please let me know which one exactly are u talking abt?? 4.0
- https://www.theblogwidgets.com/ James Morgan
  
  Hey Payal,
  
  This should be the latest like box widget. Hopefully this helps.
  
  James
Ehtisham Ul Haq

thanks for this post http://btw-hack.blogspot.com/
Nadine

I can’t make it work on my blog. It just won’t load. leapyearlola.blogspot.com
- https://www.theblogwidgets.com/ James Morgan
  
  Hey it worked when I visited your page! It only loads once every 30 days.
- myviewongadgets.com
  
  Hello Nadine, you failed to personalize the widget to point to you own Facebook group it sends new likes to theblogwidgets instead. I’m sure they are loving it but it would be better if you pointed the traffic back to your page..
  - https://www.theblogwidgets.com/ James Morgan
    
    Thanks for pointing that out to Nadine!
fahd

i just tried to put this code in blog http://fastpcdownload.com/ but cant do this please help me out of this thanks
mrgoka

hello and thank you for the code!
but, i need help.
i want to when people see the page, they need to click on ‘like’ botton to exit from the popup.
how can i do it?

thank you very much and have a nice day 🙂
forexalert

Awesome! Thanks for sharing. Just installed to http://www.freeforexalert.com
VenuGopal Kondeti

thanks bro . it will help me a lot for facebook fan page
this is my blog : http://www.maxinewsn.blogspot.com
lucy whitten

How do you delete this widget? Its not working and It comes up with the title and nothing on my widgets and its horrible looking.
- https://www.theblogwidgets.com/ James Morgan
  
  Hey Lucy,
  
  Go to the blogger dashboard>Layout. Click “edit” on the “HTML/Javascript” gadget. Then click delete.
Roberto Campos Rojas

hi guys,i need litle help, i dont use blogger, but need that code for me website

http://www.movieflv.net/

any know how work with html5,send me inbox
Merkoz

Hello 🙂 How can I set up cookies to display popup on first visit everyday? And there is possibility to disable popup for people who already like my fanpage?
ravi

not working

shows error
- https://www.theblogwidgets.com/ James Morgan
  
  Hey Ravi, on which website is it not working properly?
Lino Legrottaglie

Great Widget! Any way to make it pop on the bottom right hand corner of the screen? Thanks 🙂
Carlton

Thank you for this! I am having one problem. If visitors are not logged into facebook, the widget is blank.
- https://www.theblogwidgets.com/ James Morgan
  
  That’s interesting. Give me your blog URL and I’d be happy to take a closer look!
sam

how long does it take to show again on an already sighted browser and can this be changed so that its shows every time
- https://www.theblogwidgets.com/ James Morgan
  
  Hey sam,
  
  The widget will show up every 30 days. You can change this by reading the directions I’ve posted under “How to Customize”.
xtaz

it doesnt work on my blog :'(
http://net-monsters.blogspot.com/
- https://www.theblogwidgets.com/ James Morgan
  
  Do you have the widget currently installed?
athul

same problem it doesnt work on
http://clicklikeshare.blogspot.com/ please give me a solution please ADMIN
- https://www.theblogwidgets.com/ James Morgan
  
  Hey it looks like you got it to work!
Ovidiu

Hi James, could you please help me?

I am trying to use this code on a multiuser wordpress site but it does not work.

http://semimaraton.ro/2014/

Could you please let me know what i am doing wrong. I have multiple plugins working on this site, maybe they’re interfering? Thank you!
- https://www.theblogwidgets.com/ James Morgan
  
  Hi Ovidiu,
  
  I checked out your site and it is working perfectly. You probably cannot see it because your cookies are not deleted. The widget is created to show up every 30 days.
http://theunexplainedmysteries.com/ TheUnexplainedMysteries

Thanks. Work fine when embedded in HTML page directly. Is there a way to keep this code in JS file and include the JS file in HTML page.
mahesh

it works well on my site

thank you very much and god bless you
http://www.col2neg.blogspot.com
Richard Parker

thanks bro it works perfect. We have implimented on http://www.fiddichclassifieds.com
http://onlineindiaeducation.com/ Atul Mittal

Not working on my site: http://onlineexamseducationindia.blogspot.com/
I have created a new widget and installed the code as above, but it is not showing.
http://daily-juicy.de/ Aniela

I can’t find it in my html!
http://daily-juicy.de/ Aniela

Could you email me under dailyjuicy@gmail.com please and explain to me how i can find this in my html please. Search doesn’t work
- https://www.theblogwidgets.com/ James Morgan
  
  Hey Aniela,
  
  I’ve sent you an email!
http://www.film-en-lignee.com/ kotzarika

i want to when people see the page http://www.film-en-lignee.com/ , they need to click on ‘like’ botton to exit from the popup.

how can i do it?
Jack Gill

the box appears but its blank

can send me the code ?

my user id for facebook is https://www.facebook.com/mdeventsasialikepage
- https://www.theblogwidgets.com/ James Morgan
  
  Hey Jack,
  I just created a custom code for you with your facebook page. You can download it here, then copy and paste the code between your body tags.
  http://ideone.com/2W1cnO
- jack gill
  
  james you are brilliant! :)))) It works now perfectly…thanks a million 🙂
- namo news
  
  i am facing the same problem.. can you please help me?
Jessenia Arias

Hello I have installed it; however, the pop-up box is coming up blank. Thank you
Gadyetero

Thank you so much fore this little trick. I install it already at my new site. Its awesome! Working on http://www.gadyetero.com/
sudha

I’m having trouble personalizing it 🙁
I followed the step you outlined but still the widget directs the visitors to this widget’s fb page, not mine 🙁
http://thelidislifted.blogspot.in/
- https://www.theblogwidgets.com/ James Morgan
  
  Hey I’ve created a custom code for your facebook page! Download the code and then copy and paste it!
  http://ideone.com/uxvWdI
TheSirtedas .

Hi James my problem is listed here:
http://stackoverflow.com/questions/20828643/a-facebook-pop-up-widget-code-conflicts-with-other-content-ajax-tabs-dynamic-ou
http://www.Serah-de-fashix.com Serah Alabi

my facebook page is not appearing
http://www.Serah-de-fashix.de
its blank
- https://www.theblogwidgets.com/ James Morgan
  
  Hi Serah,
  
  I just checked out your page and it is actually working properly! I was able to see your facebook page popup. By default, this widget is only displayed once every 30 days. You will need to delete your cookies if you would like to see it again.
  - http://www.Serah-de-fashix.com Serah Alabi
    
    And how do I do that ?
    - https://www.theblogwidgets.com/ James Morgan
      
      You can delete your cookies by following these directions: http://www.aboutcookies.org/page-2
jewelfuji

Dear sir, The box appears in my blog but its blank. This is my blog plz check it. http://easygsmtricks.blogspot.com
can send me the complete code ?

My face book page. https://www.facebook.com/pages/Easy-GSM-Tricks/226347604058834
http://net-monsters.blogspot.com/ Bessaoud Hichem

Hi all , i’ve used the add to blog button
please show me how to costumize it for my site
it’s actually showing your’s facebook page
http://net-monsters.blogspot.com
http://www.tricksarea.com/ TricksArea

nice work yar…keep it up…. i have used this code and it worked successfully .. here you can see and suggest the setting http://macroeasy.blogspot.com/
http://www.AllSevenNet.blogspot.com/ Kistlak Rajapaksha

Great Bro !! 😀
Mo Duracell Dyani

Does this work on normal websites too?
- https://www.theblogwidgets.com/ James Morgan
  
  Yes it does!
Videoops

It works as a charm on http://videoops.com
AJ

Can I set this to popup when the visitor leaves the page?
Joanna Pierrat

Hello !
It doesn’t work.
Can you send a personal code please ? My Facebook page is https://facebook.com/fityourchic , 2000 delay and i want that the pop up appear every time my blog is open.
info@fityourchic.com
Thank you so much.
Santosh Shah

Nice widget

Regard
http://www.spicytechtips.com
Zizu Juve

jammykurtis.blogspot.com is my website and i added this code
Marius

Work perfect http://www.footballschedule.tv/
Lukasz

Hi, the script works very good, but I have one question: how to make it only to pop when user didn’t click ‘like it’ already ?
dewraaz

Nice post, I have been looking for it to add to my blog http://digitalphotographycompleteguide.blogspot.com
karim

Nice Jobi use it my blogs

http://www.k2livres.blogspot.com
and
http://www.facegamegift.blogspot.com
William

Hi james, when i click the add to blogger the button and insert the code.

it come out the message.

Whoops, that’s an error.

We apologise for the inconvenience.

Try refreshing the page to see if things are back in order.

What should i do?

My blog is peopleinsider.blogspot.com
William

Hi James, another question is is i want to make it delay only 3 second what number should i put.

For the Facebook Lightbox, can i insert at ” add a gadget” inside my blogger?
- https://www.theblogwidgets.com/ James Morgan
  
  Hey william,
  
  You should replace the number with 3000.
Serg

This does not work on an iphone. does anyone know of a workarround?
Uysim Ty

My blog doesn’t show popup in firefox browser. But it show well in chrome browser. Can you fix it?

http://mywonderfulit.blogspot.com/
Coco

Doesn’t work on my page either, could you please help me out?
http://summerlights-skye.blogspot.de/
mak100

Thank you for the facebook wiget. I really needed it to promote http://www.qessays.com
Coco

I added this widget to my blog but instead of showing my facebook page it shows yours.
Could you please send me the persolized code by email?
xx
vivek

can you make this widget responsive for the responsive templates like in mobile versions of website it is actually stretched….
Plsssss HELP!!!!!!!!!!!!
bunnie hilliard

totally worked YAY!
Menderto

Great! Is it possible that the popup doesn’t show up when the user already liked the page?
Fabio

adapted to twitter bootstrap http://jsfiddle.net/vzYTx/
OITACHE

Oups ! Il s’agit d’une erreur.

Nous vous prions de bien vouloir nous excuser pour les désagréments occasionnés.

Essayez d’actualiser la page pour voir si le problème est résolu.
http://www.1construct.ro Constructii Amenajari Interioa

I just installed this script on Casa de vanzare in Valu lui Traian and it works flowlessly!
VINCY BRUNO

THIS WORKS FINE I INSTALLED IT ON MY BLOGGER PAGE. THANKU JAMES
http://www.happyhideout.com/ Kaarunya

Hey 🙂
Is it possible to get the box to be displayed once every 12 hrs or a day?
It would be even great if you found a way for that 🙂
thank u 🙂
Noushad

i want to add first facebook widget.when i add it to my template then it shows a error width is not declared,morgan is not declared ,hight is not declared…….plz tell me how i solve this problem
Noushad

dear james……plz tell me the solution of my problem
and mail me at noushadkhan315@gmail.com
Hardik

If I don’t want to display if the user already liked the page then what changes do I make?
http://www.atultec.org Atul gehlot

bro i did as you instructed , but i want popup to appear everytime when (www.atultec.org )the page loads , so i deleted that line which you mentioned but still m not able to see that popup facebook widget , help
- duisaf
  
  same here! pls what should i do?
iFahad

is this possible for this pop up to appear only to those who didn’t liked it already, I mean it should check the cookie and see if the visitor has signed in to his fb account and if he already had liked the page then this pop up doesn’t show.
http://cherrycheery.blogspot.com Michelle

Hi..when i try to save the template it came out this error Error parsing XML, line 1334, column 55: The reference to entity “width” must end with the ‘;’ delimiter.

which refer to the code below:

href=XXXX&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false’

Please help
- http://mobilecrackers.blogspot.in/ MObiLeCRacKErS
  
  you need to add & amp ; width(remove the space) instead of &width
Merv Rosenquist

Is there a way to add a like button on a webpage (Fat Cow host – built with Weebly) with a counter that displays the number of likes on the webpage beside of the like button widget? Thanks! MJR
Johnatan G.

Hi, and if i want to show the box every 2 days or every week what i need to pu in the expire code?
Penelope

Can you make it only pop up if a button or link is clicked?
http://www.funloud.com/ Sasi Parvathi

Nice share. But my blog http://www.funloud.com is under blogger platform. So in my site it’s not displaying properly. Please help me.
http://www.coolreviewsrule.com/ Sasha Shapiro

Thanks James,
i implemented on my site, its pretty cool.
emil vasilev

Hi James, thank you very much for this widget. I would like to ask you for help. I added the widget to my OpenCart web page, but then the slideshow on the homepage do not load anymore. Any suggestion what can be the problem? Thank you very much in Advance!
- emil vasilev
  
  Problem Solved. I placed the code for the facebook popup widget here:
  
  catalog/controller/common/footer.php after ?>.
  
  Now it works like charm!
http://www.tncmx.com/ Pablito

Thank you for the widget. Only work with IE, but with Firefox and Chrome don’t work for me. 🙁 my Can you help me please?
Hilary

I added the code for the widget in Blogger by going to Blogger Template Designer–>Advanced–>Add CSS. Is this correct? I notice when I refresh my blog homepage, a transparent floating box shows up and then disappears once the page loads. Help! Thanks 🙂
http://lahore0423.blogspot.com/ Umair Ilyas

thank for sharing this it is working for me…
http://lahore0423.blogspot.com/
http://www.brightverge.com/ Bright Verge

Thanks for sharing successfully im using on my site http://www.brightverge.com very simple and easy to configure
duisaf

thanks, it worked for me but i’d like it to come up always and only for visitors who haven’t liked my blog facebook page. how do i go about that?
Patricia Mirasol

Thanks for this!!
http://www.googlebinger.blogspot.com Google Binger

Amazing Nice Post
Muhammad Kashif

I have paste the code in my website, but it is not working, only a gray box appear on my site and when i hover my mouse over it it display massage “The file and directory could not be found”
https://www.theblogwidgets.com/ James Morgan

Hi Muhammad, I’m sorry for the trouble. The popup widget should be working properly now. I had to make some changes to the code.
Pieraksti

Great widget, thanks!
- https://www.theblogwidgets.com/ James Morgan
  
  You’re welcome Pierasksti! I’m glad you like it!
http://www.17thdimensiongfx.com/ 17th Dimension GFX

It actually works, but it’s way too large on smart phones.
Naveen Akula

I just need the one like it is showing on your site “Like Us on Facebook?” The code to display Facebook Like Page at the end of the post.
Anadin Šabanović

Nice widget 1 But is there any possibility to make it pop up only for
those who did not already liked the page,and not to pop up for those
that did. 🙂
Vivian Lai

Thank you for the widget.
1.Only work with chrome, but with IE don’t work for me. 🙁 my Can you help me please?
Vivian Lai

2. I can’t see it on smart phone
Need your support.
Thanks !
Nigel

Fucking miserable shit! Get this garbage off my computer!
http://sms808.blogspot.com/ Muneer Ahmad

The only very well described tutorial I’ve come across ..
Alexandra A.

It’s not popping up?! I’m using a tumblr blog and inserted the code at the end of the body code before /body – help?
- https://www.theblogwidgets.com/ James Morgan
  
  Hey Alexandra,
  
  I’m sorry for the trouble! What’s your blog url? I’d be happy to check it out for you.
  
  Best,
  
  James
  - Alexandra
    
    Oh, I got it to work! Had to put it after {/block:Posts} rather than in the ‘body’ section. Thanks!!
http://www.samruddhiv.blogspot.com Adithya Bhat

It’s not popping up?! I’m using a Blogger blog Please Help ?
Gisele Galaburri

Hi! I need a pop up box, but not for facebook, just to publish an special promotion on my web. Could you help me? I need HTML code, I edited this code without succes. Please help me. It’s great your blog!
marcos molina

Hello! I would love to install this on my employer’s site, but is there a way to make it pop up only for those who have not liked the page, and not to pop up for those that did?
Thanks!
http://www.buyrealmarketing.com Sheena L. Mathieson

Nice tutorial, and I’ll add something that makes their social media perfect. Just try buyrealmarketingdotcom, to those who wants to boost their site.
Dana Lalici

It’s working, thank you so much!!!
http://www.seftiburcio.com/ Sef T.

I have this eversince and this will help your website to have more fans and readers by posting some blogs on your facebook page that was liked by your visitors.
Katie Shaffer

Hello, I added this a while back and I want to change it so that only people who have not liked my fb page will see the pop up, and it will only show up once. Right now, if I click anything on my blog it shows up, even if I have already liked the page. Do you have any advice? thanks, klill1012@gmail.com
- http://israel4us.com/ Yaron
  
  Hello, I’m wondering if you found a solution/ code for this?
Ghady Waly

No need to go to Themes to Edit HTML at Blogger, I added a new HTML gadget at the layout section, pasted the code, saved and it’s done. Check out my blog for more tutorials, follow me on twitter @ghadywaly
Selver Viljević

Thanks man.
Richard Stanley

When cookies are disabled the widget shows for every page. How do you stop this from happening?
Jean D Romeo Louis

Awesome work, Thanks for making this so much easier for us. Thumbs up!.
Manuel Anduquia

Excellent your widget!. Thanks a lot.
James Senva

need your help, help me if you can,
James Senva

Cant put a Facebook like button on my blog..
http://cookingwithmunira.com Cooking with Munira

it’s this bad for the big and bad google ? ( beside that it’s not a google plus popup :))
Enggil Clavecillas

the html codes is not working on my end.. :'( facebook is not showing eventhough i changed the URL.. it is showing blank
Syed Qasim Rizvi

$.cookie(‘popup_user_login’, ‘yes’, { path: ‘/’, expires: 7 });
I’ve deleted this line but still have to delete my cookies otherwise popup shows only once
Chuan Mikrotik Radius Billing

thank you so much
http://www.myhindihelp.com Emptïñêss Mahaveer Jain

thanks sir ji
Andre Reynolds

I added the widget successfully to my website but on cell phones it comes up big and off centered. is there a fix for that?
- Media Outlook News
  
  within the coding it’s a height and with section you can edit it there
  - J Write
    
    What are the suggested dimensions for it to appear well on mobile devices?
    - Media Outlook News
      
      there are no suggested dimensions because every site template is different. But for my side bar I use 300×320 for my body I may use the same then it shows up on mobile perfectly
Taron Galstyan

Is it possible to hide pop up if user already liked that page?
J Write

Thanks so much for this great widget. I have adjusted the size for mobile devices, but it is still appearing very far left of center, so much so, that the like button is not accessible. Can you help?
http://thumka.net Jasmine

how to add this on static html page? i tried on youtuber but but not working.
http://www.myhindihelp.com Emptïñêss Mahaveer Jain

Nice
Manuela

Thank you James for the post. I just installed this on my blog, and it looks great.
I was thinking that maybe I should have a pop up window, with main social media follow (facebook, twitter, pinterest, ig) plus a subscribe (feedburner) in one box. Do you think that’s a good idea? Do you have a widget for that? or is it too much to have in one box? Thanks again 🙂
Chris McCoy

How do you make the background black area transparent, or how to center box in that area? when I use it in a widget box on wix its off centered, left side of box is smaller than right, making the actual widget in the middle off center. I have tried changing all kids of codes in your code, and cant seem to find the one for the black background
Francisqo

what should i do so that facebook like popup window doesn’t open to users who alredy liked my page?
http://dragon-ball-super.ga DoMod

I have a question: Why cookie expire and to make every page refresh? Please could You tell me how to fix this? https://uploads.disquscdn.com/images/95341a1f78b89de737bd7c0e151a741b2760c1a0ebb988d10313b64cf57d3a97.jpg
http://www.tsupaman.com/ TsupamaN

How to customize to show position center in mobile.
- Paras Guglani
  
  Try to add values in top and left example top:30 left:60. Find a suitable match to appear popup in center in mobile
Paras Guglani

Hello thnx for this popup ….recently m having trouble with this like box..as i change my blogger template the popup only appears in mobile view not in desktop view…..how do i fix it pls help
shannon lebel

hi how do i edit this so it pops up on exit??
ohmski

Do you have an update for the new Blogger themes? I tried to use your instructions but this error comes along:
https://uploads.disquscdn.com/images/41d5f611146ed9d6b6d6775c10d6183f1509bfb8a9caffbdce342cadb7f6ffce.png
- Madhubani
  
  Facing the same error..
- http://www.compromath.com/p/about.html Elliyas Ahmed
  
  Put the following code in Layout->Add Widget->HTML/JAVASCRIPT
  It will work 100% https://uploads.disquscdn.com/images/8d1f58dbb6a2b8ea18cd223c9a0aaa2d4f9a76174654b021c1e80bcbc75e7fb4.png
- http://www.compromath.com/p/about.html Elliyas Ahmed
  
  Put the HTML code in HTML/JAVASCRIPT Widget instead of Theme HTML. It will 100% work.
Karol

I placed the code and published. But the widget comes up blank. I saw someone else had a similar problem before. However, I didn’t see a reply.
Rachael Cochlin

Hi, wondering where the ‘Add to Blogger’ button is? Thanks!
http://www.compromath.com/p/about.html Elliyas Ahmed

Excellent ! Working in Blogger.
http://www.peppersmile.com PepperSmile

From last few days i was searching internet for this….Thanks…
Tomi Pereda

Does this works on wordpress?
Gautam Bhattacharya

Once the like button hit by the user it should not load again but it is loading after liking the page if we visit again from any of pages of that particular webpage. Help!
Jenny Fong

Thank you so much 😉
សង្គ្រាមយុទ្ធសិល្ប៍សត្វទេព និយ

how can make it pop up every ? please help me
baby blogger

thanks for this very useful tutorial, I got confused with the many articles discussing about this but many are also the bullshit, your tutorials help and solve my problem on how to make like facebook pop up box properly.
Aprendizaje Autodidáctica

how can make for youtube suscribtion
Mobiprox Man

https://uploads.disquscdn.com/images/c9979ae1e20043be94aba6ed5b23aec0c71de59361fc4a4c290ea3c02303bbbb.png

Great post. It worked so well for me.
Thanks a bunch.
http://www.saranshsagar.com सारांश सागर

nice
Chadi StiL

It was rejected by Kookel tagmanager google
Tyavbee Victor Terkuma

The facebook like is my favorite

Facebook Popup (Like Box Widget) For Your Website

Add this enticing widget to your site and a facebook like box will pop up with the lightbox effect when a user visits your page.

James Morgan