Facebook Popup Like Box Widget With Light box and Time Delay

If you are looking on how to increase your blog social media connection you can use widgets that will expose it to your reader. One of the best way is to use Facebook like box will pop up with the lightbox effect. This facebook pop up is not annoying because of its ability to detect its user cookies. It won't open when it is already closed. It has a time delay also to avoid visitors leaving your blog. Just set it in any way you want and increase your followers/likes easily.

Add Widget to Your Site

Add the following code anywhere in any widget/HTML box.
Go To layout and add gadget--> HTML/JavaScritp Box Paste all the below code -> then save

How to Customize

Search for href=http://www.facebook.com/theblogger911 and replace it with your site's facebook page URL.

Change the 30 Second Time Delay by searching for the code below and changing the number 30000 to a greater or lesser number. 1 second = 1000. 10 seconds = 10000. 60 seconds = 60000.

.delay(30000)

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 evertime the page loads, then remove this line of code:

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

Display facebook widget 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. <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!

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.

@Defne...you have edited it wrong...First copy all the code don't change anything yet then check if it will pop up correctly.. then delete all your cookies... then simple change theblogger911 to blogcocoonofdesign thats it. dont edit anything.

ok one last question again :D it is just popping up one time, if i want it to pop up again i have to delete my cookies, so now i just have to delete this line: $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 }); in the html code which you have send me ?

Men i have try out the codes but it doesnt work, i even paste the code you generate for Define Y to see if her page will pop up on my blog so as i can just change the URL but it doesnt what might be the Problem?