Welcome Here And Thanks For Visiting. Like Us On Facebook...

EXEIdeas – Let's Your Mind Rock ยป Blogspot / Blogspot POP UPs / Website / Website POP UPs ยป Stylish LightBox POP-UP Facebook Like Box [Updated] Widget For Blog & Website

Stylish LightBox POP-UP Facebook Like Box [Updated] Widget For Blog & Website

Stylish LightBox POP-UP Facebook Like Box [Updated] Widget For Blog & Website

This is updated code of our previous widget Stylish LightBox POP-UP Facebook Like Box Widget For Blog & Website that we posted earlier because in some blog the previous post is nit working well so here is the update with fixed bug and full feature customization with stop showing on every reload code.
Get the more fans to your fanpage blogger by adding a popup facebook like box to your blogspot.By adding this customized widget may know the visitors to know the number of people like your website and join your site directly.
Facebook likebox is widely used social plugin from Facebook developers. The importance of the Facebook Likebox is tremendous in terms of the number of likes it brings. About 90+ % of the fans that you can get here from the Like box installed on the blog.
Today we’ll be sharing the latest Facebook Lightbox style popup widget that you can add to your blogger blog (blogspot). This popup appears only once to every new visitor. The ip address of the visitor is stored in browser cookie and as the page loads again the widget wont be called again for the same visitor thus eliminating the chances of bugging regular readers. Because of course it will look weird if the popup appears again and again on every pageview.
It will appear both on homepage and sub pages depending which page the visitor is accessing. I have set the cookie refresh time to 30 days, which means that this lightbox will appear again for the same visitor after 30 days. We can easily set the number of days to prompt the visitors about your Facebook Fan page. Lets get straight to the one step installation process.
There are only one simple step to add is quickly.To get this widget follow below procedure:-

1.) Un-Blockable POP-UP By All Browsers.
2.) POP-UP With LightBox Effect.
3.) Close Button Also Included.

4.) Quick To Load And Easy To Install.
5.) Simple And Stylish Design.
6.) Works On 99.99% Blog Template.
7.) User Friendly.
8.) Full Customizable.
9.) You Have Full Option When You Want To Display This Widget To Your Visitor.
10.) You Can Show This POPUP Once In A Month Or Once In A Week Or Daily Depend Upon Your Mood.
11.) It Will Get Visitor Cookied To Locked Down The IP To Stop Showing On Every Reload Of Your Blog/Website.
12.) Simple Step To Make It More Awesome And Bring Happieness To Your Visitor Face.

Recommended For You:
New Related Post With Thumbnail And Summary In Grid View For Blogger

How To Add In Blogspot?
1.) Go To Your
2.) Open Your Desire Blog.
3.) Go To Layout.
4.) Click “Add A Gadget” Where You Want To Add It.
5.) Now Scroll To “HTML-JAVASCRIPT”
6.) Click “+” Icon To Add It.
7.) Now Copy The Below Code And Paste It To There.
8.) Leave The Title Empty.
9.) Click Save, Now You Are Done.

How To Add In Website?
1.) Just Go To Your HTML File.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done.

<script src=''></script>
<script type="text/javascript">
// ColorBox v1.3.16 - a full featured, light-weight, customizable lightbox based on jQuery 1.3+
// Copyright (c) 2011 Jack Moore -
// Licensed under the MIT license: 

(function(a,b,c){function ba(b){if(!T){O=b,Z(a.extend(J,,e))),x=a(O),P=0,J.rel!=="nofollow"&&(x=a("."+V).filter(function(){var,e).rel||this.rel;return b===J.rel}),P=x.index(O),P===-1&&(x=x.add(O),P=x.length-1));if(!R){R=S=!0,;if(J.returnFocus)try{O.blur(),a(O).one(k,function(){try{this.focus()}catch(a){}})}catch(c){}p.css({opacity:+J.opacity,cursor:J.overlayClose?"pointer":"auto"}).show(),J.w=X(J.initialWidth,"x"),J.h=X(J.initialHeight,"y"),U.position(0),n&&y.bind("resize."+o+" scroll."+o,function(){p.css({width:y.width(),height:y.height(),top:y.scrollTop(),left:y.scrollLeft()})}).trigger("resize."+o),$(g,J.onOpen),I.add(C).hide(),H.html(J.close).show()}U.load(!0)}}function _(){var a,b=f+"Slideshow_",c="click."+f,d,e,g;J.slideshow&&x[1]&&(d=function(){E.text(J.slideshowStop).unbind(c).bind(i,function(){if(P<x.length-1||J.loop)a=setTimeout(,J.slideshowSpeed)}).bind(h,function(){clearTimeout(a)}).one(c+" "+j,e),q.removeClass(b+"off").addClass(b+"on"),a=setTimeout(,J.slideshowSpeed)},e=function(){clearTimeout(a),E.text(J.slideshowStart).unbind([i,h,j,c].join(" ")).one(c,d),q.removeClass(b+"on").addClass(b+"off")},J.slideshowAuto?d():e())}function $(b,c){c&&,a.event.trigger(b)}function Z(b){for(var c in b)a.isFunction(b[c])&&c.substring(0,2)!=="on"&&(b[c]=b[c].call(O));b.rel=b.rel||O.rel||"nofollow",b.href=a.trim(b.href||a(O).attr("href")),b.title=b.title||O.title}function Y(a){return||/.(gif|png|jpg|jpeg|bmp)(?:?([^#]*))?(?:#(.*))?$/i.test(a)}function X(a,b){b=b==="x"?y.width():y.height();return typeof a=="string"?Math.round(/%/.test(a)?b/100*parseInt(a,10):parseInt(a,10)):a}function W(c,d){var e=b.createElement("div");c&&(,||!1;return a(e)}var d={transition:"elastic",speed:300,width:!1,initialWidth:"600",innerWidth:!1,maxWidth:!1,height:!1,initialHeight:"450",innerHeight:!1,maxHeight:!1,scalePhotos:!0,scrolling:!0,inline:!1,html:!1,iframe:!1,fastIframe:!0,photo:!1,href:!1,title:!1,rel:!1,opacity:.9,preloading:!0,current:"image {current} of {total}",previous:"previous",next:"next",close:"close",open:!1,returnFocus:!0,loop:!0,slideshow:!1,slideshowAuto:!0,slideshowSpeed:2500,slideshowStart:"start slideshow",slideshowStop:"stop slideshow",onOpen:!1,onLoad:!1,onComplete:!1,onCleanup:!1,onClosed:!1,overlayClose:!0,escKey:!0,arrowKey:!0},e="colorbox",f="cbox",g=f+"_open",h=f+"_load",i=f+"_complete",j=f+"_cleanup",k=f+"_closed",l=f+"_purge",m=a.browser.msie&&!,n=m&&a.browser.version<7,o=f+"_IE6",p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J={},K,L,M,N,O,P,Q,R,S,T=!1,U,V=f+"Element";U=a.fn[e]=a[e]=function(b,c){var f=this,g;if(!f[0]&&f.selector)return f;b=b||{},c&&(b.onComplete=c);if(!f[0]||f.selector===undefined)f=a("<a/>"),!0;f.each(function(){,e,a.extend({},,e)||d,b)),a(this).addClass(V)}),,a.isFunction(g)&&(,g&&ba(f[0]);return f},U.init=function(){y=a(c),q=W().attr({id:e,"class":m?f+(n?"IE6":"IE"):""}),p=W("Overlay",n?"position:absolute":"").hide(),r=W("Wrapper"),s=W("Content").append(z=W("LoadedContent","width:0; height:0; overflow:hidden"),B=W("LoadingOverlay").add(W("LoadingGraphic")),C=W("Title"),D=W("Current"),F=W("Next"),G=W("Previous"),E=W("Slideshow").bind(g,_),H=W("Close")),r.append(W().append(W("TopLeft"),t=W("TopCenter"),W("TopRight")),W(!1,"clear:left").append(u=W("MiddleLeft"),s,v=W("MiddleRight")),W(!1,"clear:left").append(W("BottomLeft"),w=W("BottomCenter"),W("BottomRight"))).children().children().css({"float":"left"}),A=W(!1,"position:absolute; width:9999px; visibility:hidden; display:none"),a("body").prepend(p,q.append(r,A)),s.children().hover(function(){a(this).addClass("hover")},function(){a(this).removeClass("hover")}).addClass("hover"),K=t.height()+w.height()+s.outerHeight(!0)-s.height(),L=u.width()+v.width()+s.outerWidth(!0)-s.width(),M=z.outerHeight(!0),N=z.outerWidth(!0),q.css({"padding-bottom":K,"padding-right":L}).hide(),{}),{U.prev()}),{U.close()}),I=F.add(G).add(D).add(E),s.children().removeClass("hover"),a("."+V).live("click",function(a){a.button!==0&&typeof a.button!="undefined"||a.ctrlKey||a.shiftKey||a.altKey||(a.preventDefault(),ba(this))}),{J.overlayClose&&U.close()}),a(b).bind("keydown."+f,function(a){var b=a.keyCode;R&&J.escKey&&b===27&&(a.preventDefault(),U.close()),R&&J.arrowKey&&x[1]&&(b===37?(a.preventDefault(),,})},U.remove=function(){q.add(p).remove(),a("."+V).die("click").removeData(e).removeClass(V)},U.position=function(a,c){function g(a){t[0].style.width=w[0].style.width=s[0],B[0].style.height=B[1].style.height=s[0].style.height=u[0].style.height=v[0]}var d,e=Math.max(b.documentElement.clientHeight-J.h-M-K,0)/2+y.scrollTop(),f=Math.max(y.width()-J.w-N-L,0)/2+y.scrollLeft();d=q.width()===J.w+N&&q.height()===J.h+M?0:a,r[0].style.width=r[0].style.height="9999px",q.dequeue().animate({width:J.w+N,height:J.h+M,top:e,left:f},{duration:d,complete:function(){g(this),S=!1,r[0].style.width=J.w+N+L+"px",r[0].style.height=J.h+M+K+"px",c&&c()},step:function(){g(this)}})},U.resize=function(a){if(R){a=a||{},a.width&&(J.w=X(a.width,"x")-N-L),a.innerWidth&&(J.w=X(a.innerWidth,"x")),z.css({width:J.w}),a.height&&(J.h=X(a.height,"y")-M-K),a.innerHeight&&(J.h=X(a.innerHeight,"y"));if(!a.innerHeight&&!a.height){var b=z.wrapInner("<div style='overflow:auto'></div>").children();J.h=b.height(),b.replaceWith(b.children())}z.css({height:J.h}),U.position(J.transition==="none"?0:J.speed)}},U.prep=function(b){function h(b){U.position(b,function(){var b,d,g,h,j=x.length,k,n;!R||(n=function(){B.hide(),$(i,J.onComplete)},m&&Q&&z.fadeIn(100),C.html(J.title).add(z).show(),j>1?(typeof J.current=="string"&&D.html(J.current.replace(/{current}/,P+1).replace(/{total}/,j)).show(),F[J.loop||P<j-1?"show":"hide"]().html(,G[J.loop||P?"show":"hide"]().html(J.previous),b=P?x[P-1]:x[j-1],g=P<j-1?x[P+1]:x[0],J.slideshow&&,J.preloading&&(,e).href||g.href,,e).href||b.href,h=a.isFunction(h)?,d=a.isFunction(d)?,Y(h)&&(a("<img/>")[0].src=h),Y(d)&&(a("<img/>")[0].src=d))):I.hide(),J.iframe?(k=a("<iframe/>").addClass(f+"Iframe")[0],J.fastIframe?n():a(k).load(n), +(new Date),k.src=J.href,J.scrolling||(k.scrolling="no"),m&&(k.frameBorder=0,k.allowTransparency="true"),a(k).appendTo(z).one(l,function(){k.src="//about:blank"})):n(),J.transition==="fade"?q.fadeTo(c,1,function(){q[0].style.filter=""}):q[0].style.filter="",y.bind("resize."+f,function(){U.position(0)}))})}function g(){J.h=J.h||z.height(),<J.h?;return J.h}function d(){J.w=J.w||z.width(),<J.w?;return J.w}if(!!R){var c=J.transition==="none"?0:J.speed;y.unbind("resize."+f),z.remove(),z=W("LoadedContent").html(b),z.hide().appendTo({width:d(),overflow:J.scrolling?"auto":"hidden"}).css({height:g()}).prependTo(s),A.hide(),a(Q).css({"float":"none"}),n&&a("select").not(q.find("select")).filter(function(){return!=="hidden"}).css({visibility:"hidden"}).one(j,function(){"inherit"}),J.transition==="fade"?q.fadeTo(c,0,function(){h(0)}):h(c)}},U.load=function(b){var c,d,g=U.prep;S=!0,Q=!1,O=x[P],b||Z(a.extend(J,,e))),$(l),$(h,J.onLoad),J.h=J.height?X(J.height,"y")-M-K:J.innerHeight&&X(J.innerHeight,"y"),J.w=J.width?X(J.width,"x")-N-L:J.innerWidth&&X(J.innerWidth,"x"),,,J.maxWidth&&(,"x")-N-L,<,J.maxHeight&&(,"y")-M-K,<,c=J.href,,J.inline?(W().hide().insertBefore(a(c)[0]).one(l,function(){a(this).replaceWith(z.children())}),g(a(c))):J.iframe?g(" "):J.html?g(J.html):Y(c)?(a(Q=new Image).addClass(f+"Photo").error(function(){J.title=!1,g(W("Error").text("This image could not be loaded"))}).load(function(){var a;Q.onload=null,J.scalePhotos&&(d=function(){Q.height-=Q.height*a,Q.width-=Q.width*a},>,d()),>,d())),J.h&&(,0)/2+"px"),x[1]&&(P<x.length-1||J.loop)&&("pointer",Q.onclick=function(){}),m&&("bicubic"),setTimeout(function(){g(Q)},1)}),setTimeout(function(){Q.src=c},1)):c&&A.load(c,function(b,c,d){g(c==="error"?W("Error").text("Request unsuccessful: "+d.statusText):a(this).contents())})},{!S&&x[1]&&(P<x.length-1||J.loop)&&(P=P<x.length-1?P+1:0,U.load())},U.prev=function(){!S&&x[1]&&(P||J.loop)&&(P=P?P-1:x.length-1,U.load())},U.close=function(){R&&!T&&(T=!0,R=!1,$(j,J.onCleanup),y.unbind("."+f+" ."+o),p.fadeTo(200,0),q.stop().fadeTo(300,0,function(){q.add(p).css({opacity:1,cursor:"auto"}).hide(),$(l),z.remove(),setTimeout(function(){T=!1,$(k,J.onClosed)},1)}))},U.element=function(){return a(O)},U.settings=d,a(U.init)})(jQuery,document,this);
<script type="text/javascript">
if (document.cookie.indexOf('visited=false') == -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:"#exestylepopups"});
<style type="text/css">
ColorBox v1.3.16
(Copyright (c) 2011 Jack Moore -
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block}.cboxIframe{width:100%;height:100%;display:block;border:0}#cboxOverlay{background:#000;opacity:0.5 !important}#colorbox{box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4)}#cboxTopLeft{width:14px;height:14px;background:url( no-repeat 0 0}#cboxTopCenter{height:14px;background:url( repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url( no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url( no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url( repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url( no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url( repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url( repeat-y -211px 0}#cboxContent{background:#fff;overflow:visible}#cboxLoadedContent{margin-bottom:5px}#cboxLoadingOverlay{background:url( no-repeat center center}#cboxLoadingGraphic{ no-repeat center center}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{position:absolute;bottom:-29px;background:url( no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px}#cboxPrevious{left:0px;background-position:-51px -25px}#cboxPrevious.hover{background-position:-51px 0px}#cboxNext{left:27px;background-position:-75px -25px}#cboxNext.hover{background-position:-75px 0px}#cboxClose{right:0;background-position:-100px -25px}#cboxClose.hover{background-position:-100px 0px}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px}#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666}#mdfb a,#mdfb a:hover,#mdfb a:visited{text-decoration:none}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #CCC;padding:10px;line-height:25px;font-family:arial !important}
<div style='display:none'>
<div id='exestylepopups' style='padding:10px; background:#fff;'>
<center><h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below...</h3></center><center>
<iframe src="//;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" 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="">EXEIdeas</a></p>

1.) Change Red Text According To Your Desire.
2.) Change Blue Text With Your Facebook FanPage URL.
3.) If You Want To Display This Gadget Once Upon User Cookies, Just Change false To true .
4.) If You Want To Clear Your User Cookies After Desired Days, Just Change 30 To You Desired Days.(Must Be Within 1-30)

5.) Save And Done.

1.) If You Want To Lite Up Your Blog Template Or Want Quick Load Time Then Get This Widget In CSS Only Without J-Query…

You Like It, Please Share This Recipe With Your Friends Using...

194 Responses to โ€œStylish LightBox POP-UP Facebook Like Box [Updated] Widget For Blog & Websiteโ€

  1. Suraj Rimal says:

    hey how to make it moveable ! it’s stuck in middle webpage helpp!

  2. Sasidhar Kareti says:

    Thanks for the great widget!

  3. Rikk's Heart Speaks says:

    Bro? How can i add a picture in the background of the widget title (Receive all updates via Facebook. Just Click the Like Button Below)in space of this black background.? ๐Ÿ™‚

    • EXEIdeas says:

      Just Search
      .mdbox-title {background:#000;color: #fff;font-size: 20px !important;font-weight: bold;margin: 10px 0;border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow: 5px 5px 5px #CCCCCC;padding:10px;line-height:25px; font-family:arial !important;}

      And Change It With

      .mdbox-title {background-image:url(‘xxx’); background-repeat: no-repeat; color: #fff;font-size: 20px !important;font-weight: bold;margin: 10px 0;border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow: 5px 5px 5px #CCCCCC;padding:10px;line-height:25px; font-family:arial !important;}

      Now Change xxx With Your Image URL…

  4. Rikk's Heart Speaks says:

    Thnx bro ๐Ÿ™‚

  5. Max says:

    Is it possible to do it on weebly too? Plus can you edit the code to make it only arrives once for each individual user a month?
    And can you include twitter?

    • EXEIdeas says:

      I Am Not Sure About Weebly.
      You Can Make It On Cache Only.
      For Twitter Add The Following Code Into It…

      < script type=”text/javascript”>
      function fanbox_init(screen_name){document.getElementById(‘twitterfanbox’).innerHTML='< iframe name=”fbfanIFrame_0″ frameborder=”0″ allowtransparency=”true” src=”’+screen_name+'” class=”FB_SERVER_IFRAME” scrolling=”no” style=”width: 295px; height: 237px; “></iframe>’;}
      < /script>
      < div id=”twitterfanbox”>< /div>
      < script type=”text/javascript”>fanbox_init(“exeideas”);< /script>

      Change exeideas To Your Twitter User Name.

    • Max says:

      Did you edit the code to make it only arrives once for each individual user a month?

    • EXEIdeas says:

      Find This Line In Code

      if (document.cookie.indexOf(‘visited=false’) == -1)

      And Change It With

      if (document.cookie.indexOf(‘visited=true’) == -1)

    • Max says:

      Cheers mate, but when I add it, my slideshow doesn’t come up, and, when you put your mouse onto another page, the sub pages don’t appear

    • EXEIdeas says:

      It Will Again POP-UP After You Clean Your Cookies.
      Can I See The Link Where This Is Appearing…???

    • Max says:

      What do you mean, my website is

      When I put the code in, the slideshow dissapears for some reason, also the sub pages don’t appear, you know when you hover your mouse, and more options come up.

    • EXEIdeas says:

      You Have A Lot Of J-Quires So Some One Is Cancelling Out This POP-UP…
      Don’t Worry, Try New Pure CSS Code Linked In The Below Of The Article Under “Note” Heading…

    • Max says:

      sorry I keep bothering you, but no.1, now it’s behind everything (e.g. slideshow) and can you still put that code in, where it says only once every certain days?

    • EXEIdeas says:

      Can You Explain Me Openly What You Are Trying To Say.
      And It Will Depend Upon Cookies Not Date Timer…

  6. Dilip Verma says:

    when i use update version then also problem occur

    problem is when i use above code then my slide show not works please tell what to do………………………….

  7. haki says:

    Is not working on my website

    i have change the url but i see nothing normal ???

  8. haki says:

    No it work but its possible when a user is member of the page the module don’t come ? is possible

  9. Frankie says:

    great job, can you tell me how to set it where visitors cannot click outside the lightbox to close unless they like my page?

  10. Ivan Clague says:


    how do get one at the bottom like the one on this site not in the middle of the page, basically i want one like the one below


    • EXEIdeas says:

      Go To The Below Link:
      Stylish And Awesome Full CSSed EXE-Fixed POPUP Footer Bar With Social Networks And Subscription Box For Blogger And Website Having Show/Hide Button.

  11. Anonymous says:

    i keep getting this message : “Could not retrieve the specified page. Please verify correct href was passed in.”

    what could it be ?? i changed the red line as for description upbowe

  12. akshay says:

    hi…thnx for the widget. I have added it to my blog on (not to any single article but to the overall layout of the blog), but it appears every time a user clicks on any link on the page.

    Can’t it be modified so that it appears only once (when the user arrives on the blog) and not repeatedly even after he closes it and clicks on any other link on the page??

  13. Qiraf says:

    Bro….this widget seems doesnt work in my blog template. FYI, my blog template is magazine layout. When i put this widget in my blog, the slideshow in my blog was not working….is there any solution for this?

  14. Anonymous says:

    Hello Admin and Site visitor..
    This code is working properly!
    I just used it on my website
    Date: 27-9-2012

    There was a problem with facebook iframe code..
    I fixed this and fb like box started locationg on the pop window..

    If anyone having problem with the like box just replace the FB i-frame code with updated fb iframe code.
    Visit facebook developers to get new code.

    Thanks and Regards,

  15. Ahmad Amsyar says:

    the blue text is facebook fan page url or facebook fan page name

    it says on my blog:
    Could not retrieve the specified page. Please verify correct href was passed in.

  16. Citro Mduro says:

    its great widget i want
    thanks for share brow

  17. ahmad amsyar asyadiq says:


  18. Sheetal Agarwal says:

    hi dear i dont know but i am not being able to figure it out when i upload the gadget, it says Could not retrieve the specified page. Please verify correct href was passed in. plz help..

  19. Sheetal Agarwal says:


  20. ABHIJIT GUHA says:

    hey bro need a help…

    I added ur widget in my blog….
    that wrk good also…. but even after liking it…it doesnt go away….
    I mean after liking it, i have to click on cross button to make it disappear.
    & also even after liking it coming in all blog pages…

    so requestiing you,,

    I want to make it appear in my blog for a particular visitor on all pages,untill he like it…. but after he liked it….it shuld not appear to him anymore…..

    Is it possible??? plzzzzzzzzzzzzzzzzzzzzz

  21. Kenul Jain says:

    I added But No change i cant see it for the first time Plz Help
    My Blog

  22. Anonymous says:

    Is it possible, that this window should pop up after the user see it first that it pop up for example after 15 minutes again if he refresh the site directly ?!

  23. Mohit Gupta says:

    not working on my!!

  24. Mohit Gupta says:

    thanks,,ya thats css version is working but it loads every time so i want to use one time pop up box..let me try with that jquery things,,thanks for the info..

  25. Mohit Gupta says:

    the code that is only working is the code which i have to write before < / body >.none of the other is working,,

  26. Anonymous says:

    The code is not working on my web site Could you please check. Thanks.

  27. souvik ghosh says:


  28. Dangem says:

    Its working fine! thank you sir this is a great help to boost the traffic of my site!

  29. mysterywise says:

    works fine but mine is not centered. it’s position is right below how to fix it?

  30. Shemul says:

    Can i use the code in my website as a post with a back link source to this site?

  31. Mohit Gupta says:

    It is showing but it is crashed..Please Check this :

  32. NeedUrgent Help says:

    I don’t know whats the problem with my blog’s template.. I tried too many pop-ups but none of them worked… I have even tried to add drop down menus, that also won’t work for me…………..Can you please help me sir, I am seriously in need of some professional help..Plz relpy for further

  33. Sab says:

    Thanks for this great tutorial, but it’s not completely working. This is how it looks like on my page:

    As you can see, there is no lightbox, it just appears and goes away by click “skip”. How can I make a proper light box out of it, so that the background is darker?
    My website is done with Jimdo. Thanks a lot for your effort and help!

  34. rajawat says:

    I am facing some problem in compatibility of widget
    in my blog, can you give me any solution for this.

  35. rajawat says:

    i have try many time remove and add jquery plugin..
    please check and give me suggestions…

  36. Alyssa Yu says:

    I tried your code on blogspot and this is what appeared.

    What did I do wrong? I wanted to make it look like this blog:

    Thanks in advance!

  37. hi Mr.hassan i have implemented the code but it ain’t working i even cleared my cache pls do review it and lemme Know

  38. bhargav ps says:

    hi sir popup is created but facebook link is not appearing onthe popup wedget can u please help meee……………. please send me in detail to my gmail

  39. Ftn says:


    First of all, thank you for your code. I tried it and the pop up works, its just that the facebook link does not appear. Please advice. Thank you.

  40. SB2 gmail says:

    thank you so much , its working perfectly on my site

  41. XtraComp Mysore says:

    thanks…nice one

  42. Timisoara2 says:

    Hi man, and thanks. I have a sugestion for this box.

    I want to make this if you can.

    The box appear if the visitor not liked my page, if the user pressed like the box don’t appear again.

    Thanks, and wait for your response!

    • EXEIdeas says:

      You Are Welcome Here, Nice Tip But This Is Not Related To Any Facebook Script So You Can Add Any Data Into It, It’s Not Limited For Facebook.

  43. sagar kumar sethi says:

    Thanks ..for this amazing thing i applies it in my blog today works perfectly. can u suggest any other widgets that we can use..

  44. Imtiaz Ahmed says:

    dear its not working my blog

  45. Heidi says:

    Hey! I managed to get the pop up box to appear but my actual fb link doesn’t show.

  46. Jay Nair says:

    i tried to use in my blog.i am not so gud at coding part.My blog is
    and my page is .i need your advice

  47. Tamara Chilver says:

    I have tried for hours to get this to work on The other one without the query code will work but I do not want it popping up every time. I really would like this feature. Can you please help me? I would much appreciate it.

  48. Tamara Chilver says:

    Thanks for your reply! I removed the JQuery and added the code above are per your instructions and it still does not work. Can you please offer me some more tips?

  49. blue_hurt says:

    HI again!. I put the code on a test blog page and I have a problem. it apears on avery refresh page. iven i had like the page, the iframea apears non stop on refresh or on a other page of my blog. I must to click X button to enter. Any ideea what is wrong? sorry for my bad english

    • EXEIdeas says:

      You can only stop it on cookies and that you can set in the above code like when you you to popup it again on someone’s computer but can’t stop it after be liked by someone.

  50. obinna says:

    i use it on my site it works perfectly. but the right and bottom edges isnt showing fine

  51. Anonymous says:

    its not working

  52. Anonymous says:

    its not working, Help me please! create a code for me here is my facebook page .
    If You Want To Display This Gadget Once Upon User Cookies, Just Change false To true: true for me
    My website:
    Plese Help me.

  53. Anonymous says:

    Thank you so much, its not working

  54. Anonymous says:

    Thank you so much, its working I went to tell you, thank you thank you….

  55. David Leo says:

    Bro not workking in my blog

  56. Liviu says:

    How can i make the like box appear in 15-20 seconds after the user entered my website?

  57. Haroon Sheikh says:

    Code Is Not Working Please Help …..!


  58. Nihar Ratadia says:

    Bro wat shud i do so that the popup appears everytime the viewer open the page..!?plz repl asap..!!

  59. nada says:

    Hi! it’s great the facebook like-box pop up window, thanks a lot! I used the code you have in and it works in my website but I can’t fix it at the center, would you please tell how can I center it? it shows always at the left side, then I decided to try the updated code but this doesn’t work, doesn’t even show at the website.. any idea? thanks for your time.

  60. Saquib Lari says:

    Not working on my blog ๐Ÿ™

  61. Anonymous says:

    I installed the widget and it works fine on Firefox, but I it cant launch on chrome or explorer? Do you have any suggestions ?

  62. Anonymous says:

    Where should I put this file in the server?

  63. Anonymous says:

    Not working on ie and chrome. ๐Ÿ™ Only ff.

  64. How can I copy the code ? I can’t .. nor using CTRL C, vor using the mouse, I cannot select the text…

  65. Anonymous says:

    Hi Muhammad. I’d like put some delay and have the pop-up to appear 20 seconds after the visitor arrived on the site. Is there a way to do so ? Many thanks !

  66. Marius says:

    Hi Admin. This script is Great. Thanks ! But how i modify height’s???
    I found this line: $.colorbox({width:”400px”, inline:true, href:”#exestylepopups”});

  67. Its Work !! Thanks Dude ๐Ÿ˜€


    Thanks, im looking for this long time..but a have a compatibility issue in my web when i include your script my search button not work. have you any idea?


      yes this page use jquery scripts. but its an affiliate program..and i only can add code..but no remove.

      Is it `possible to use your floating windows in other language code? i need the cookie..because this code will repeat in all pages, and i not want to bore the users

    • EXEIdeas says:

      Are You Using Any JQuery In Your Template For Search Widget?

    • EXEIdeas says:

      No, This Script Will Conflict With Your JQuery So Avoid This And Use CSS Version Of This POPUP. You Can Also Use Blogger Conditional Tags To Show It On Some Desired Pages.


      solved. i delete your first line..where add jquery js and work!

      do you have this code for mobile?

    • EXEIdeas says:

      Mobiles Have A Medium Or Small Size Screens As Compare To Desktops And This POPUP So On Mobile, This POPUP Will Occupy Your Whole Screen So Avoid To Use IT Less The 400Width Screen Sizes.

  69. Gadyetero says:

    Thank you for this code. Im using it. Can someone confirm if it is working on my site?

  70. Desi Girls says:

    Nice tips, which will make my blog better and i will get lots of like thanks…

  71. Deoraj Chaudhary says:

    Thanks for the great post. This updated version is better than the previous one. I was looking for it to add to my blog at

  72. Deoraj Chaudhary says:

    I was wondering…if the code to be modified and show the box only for those who didn’t like the page and not to show the box who have already liked the page. Is it possible, please..???

  73. Deoraj Chaudhary says:

    Wondering if the code can be modified that will keep the box floating at the center of the page according to the page scrolling until the user likes or closes the box…

  74. suara pensel says:

    salam admin muhammad..

    sorry to interupt…it`s not working for me

    feel free to drop by

    • EXEIdeas says:

      You Have A Lot Of JQueries That Are Conflicting With POPUP JQuery.

    • suara pensel says:

      thank for a quick response bro..u r superb..

      i ve to use the css and sadly the popup will be shown for the 1st time/old user when they refresh the page..

      there is no other way to solve this problem?

    • EXEIdeas says:

      Try To Use A Common JQuery That Can Work With Your Code And Our Code Both Finely Or You Must Have To Delete Your JQueries In Order TO Get It Working Otherwise You Have To Use CSS Version That Will POPUP Everytime.

Leave a Reply

Your email address will not be published. Required fields are marked *