![Stylish LightBox POP-UP Facebook Like Box [Updated] Widget For Blog & Website](https://www.exeideas.com/wp-content/uploads/2012/05/Stylish-LightBox-POP-UP-Facebook-Like-Box-For-Blog-amp-Website.png "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:-
Features:
1.) Un-Blockable POP-UP By All Browsers.
2.) POP-UP With LightBox Effect.
3.) Close Button Also Included.
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.
How To Add In Blogspot?
1.) Go To Your www.blogger.com
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='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></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 - jack@colorpowered.com
// Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php(function(a,b,c){function ba(b){if(!T){O=b,Z(a.extend(J,a.data(O,e))),x=a(O),P=0,J.rel!=="nofollow"&&(x=a("."+V).filter(function(){var b=a.data(this,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,q.show();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(U.next,J.slideshowSpeed)}).bind(h,function(){clearTimeout(a)}).one(c+" "+j,e),q.removeClass(b+"off").addClass(b+"on"),a=setTimeout(U.next,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&&c.call(O),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 J.photo||/.(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&&(e.id=f+c),e.style.cssText=d||!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&&!a.support.opacity,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/>"),b.open=!0;f.each(function(){a.data(this,e,a.extend({},a.data(this,e)||d,b)),a(this).addClass(V)}),g=b.open,a.isFunction(g)&&(g=g.call(f)),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(),F.click(function(){U.next()}),G.click(function(){U.prev()}),H.click(function(){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))}),p.click(function(){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(),G.click()):b===39&&(a.preventDefault(),F.click()))})},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].style.width=a.style.width,B[0].style.height=B[1].style.height=s[0].style.height=u[0].style.height=v[0].style.height=a.style.height}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(J.next),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&&E.show(),J.preloading&&(h=a.data(g,e).href||g.href,d=a.data(b,e).href||b.href,h=a.isFunction(h)?h.call(g):h,d=a.isFunction(d)?d.call(b):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),k.name=f+ +(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=J.mh&&J.mh<J.h?J.mh:J.h;return J.h}function d(){J.w=J.w||z.width(),J.w=J.mw&&J.mw<J.w?J.mw: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(A.show()).css({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 this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one(j,function(){this.style.visibility="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,a.data(O,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.mw=J.w,J.mh=J.h,J.maxWidth&&(J.mw=X(J.maxWidth,"x")-N-L,J.mw=J.w&&J.w<J.mw?J.w:J.mw),J.maxHeight&&(J.mh=X(J.maxHeight,"y")-M-K,J.mh=J.h&&J.h<J.mh?J.h:J.mh),c=J.href,B.show(),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},J.mw&&Q.width>J.mw&&(a=(Q.width-J.mw)/Q.width,d()),J.mh&&Q.height>J.mh&&(a=(Q.height-J.mh)/Q.height,d())),J.h&&(Q.style.marginTop=Math.max(J.h-Q.height,0)/2+"px"),x[1]&&(P<x.length-1||J.loop)&&(Q.style.cursor="pointer",Q.onclick=function(){U.next()}),m&&(Q.style.msInterpolationMode="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())})},U.next=function(){!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>
<script type="text/javascript">
jQuery(document).ready(function(){
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"});
}
});
</script>
<style type="text/css">
/*
ColorBox v1.3.16
(Copyright (c) 2011 Jack Moore - jack@colorpowered.com)
*/
#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(https://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://3.bp.blogspot.com/-dJQm3QEd5Iw/TxohpCter-I/AAAAAAAAF0Q/GRny7olLbv8/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) repeat-y -211px 0}#cboxContent{background:#fff;overflow:visible}#cboxLoadedContent{margin-bottom:5px}#cboxLoadingOverlay{background:url(https://2.bp.blogspot.com/-bMneOFi_UDo/Txohpge3Z9I/AAAAAAAAF0s/AbVgxX9pXtQ/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{http://3.bp.blogspot.com/-SKktU1-SCCw/TxohpRB19LI/AAAAAAAAF0Y/iwIo3LnjoE0/s400/loading.gif) 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(https://4.bp.blogspot.com/-_VSGGUcsUPE/TwNIXL6W2qI/AAAAAAAAFwQ/5KR8F-N3Mqk/s1600/controls.png) 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}
</style>
<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="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FEXEIdeas2010&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&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="https://www.exeideas.com">EXEIdeas</a></p>
</div></div>Customization:
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.Note:
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…
hey how to make it moveable ! it’s stuck in middle webpage helpp!
It Is Fixed For Centered…
in my blog it cannot be centered for chrome it displays properly only for internet explorer
@alexandros koul
Can I See Your Blog, URL Please…???
this is my blog http://noikokyris.blogspot.gr/
@ alexandros koul
You Are Not Using This Code.
Thanks for the great widget!
You Are Welcome…
its not working
You Blog/Site URL Please…
Also Check The Last Line Of The Article…
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.? 🙂
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…
Thnx bro 🙂
You Are Welcome…
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?
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=”http://s.moopz.com/connect.html?user=’+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.
Did you edit the code to make it only arrives once for each individual user a month?
Find This Line In Code
if (document.cookie.indexOf(‘visited=false’) == -1)
And Change It With
if (document.cookie.indexOf(‘visited=true’) == -1)
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
It Will Again POP-UP After You Clean Your Cookies.
Can I See The Link Where This Is Appearing…???
What do you mean, my website is http://www.liverpoolfcfanscorner.com
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.
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…
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?
Can You Explain Me Openly What You Are Trying To Say.
And It Will Depend Upon Cookies Not Date Timer…
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………………………….
This J-Query Is Cancelling Out Your Slide Show J-Query, So You Have To Use CSS Version.
Is not working on my website
i have change the url but i see nothing normal ???
Thanks…
No it work but its possible when a user is member of the page the module don’t come ? is possible
No, It’s Only Depends Of User Cookies…
Hi,
great job, can you tell me how to set it where visitors cannot click outside the lightbox to close unless they like my page?
No, You Can Only Stop It On Visitor Cookies…
hi
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
thanks
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.
hi:
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
Can I See Your Blog?
Use FB Pages Only Not Profile…
hi…thnx for the widget. I have added it to my blog on blogger.com (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??
Find “false” In 5th Line Of Code And Replace It With “true”
Done…
You Are Welcome…
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?
This J-Query File Is Cancelling Out Your Slider J-Query File, Use CSS Version Of This Widget.
Thanks..but here is one problem, when i use the CSS version, the slide is overlapping with the popup. It’s really hard to click the like button because some part of the slide cover the popup widget..is there any adjustment i should make?
http://viralisme.blogspot.com/ take a look..
There Is No POPUP On This URL…
try check it again..i put the widget one more time
Sorry, There Is Nothing…
im sorry…one of my admin removed the widget..
i already the put it back so that u can see what is the cause of it..sorry for troublesome.
Ok, Just Use z-index:999999; On The Main DIV Of CSS FB Widget.
thanx! the issue already solved…but how to it make popup only once for thos who already like the page?
For This Purpose, You Have To Use J-Query Widget That Will Cancell Out Your Slider J-Query Also…
It’s Up To You…
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,
Sunny
Ok, We Will Upgrade It With New IFrame Code…
Thanks…
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.
It’s The Page URL…
its great widget i want
thanks for share brow
You Are Welcome…
ok
You Are Welcome…
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..
http://makeupandfashionfreak.blogspot.in/
http://www.facebook.com/pages/Makeup-n-fashion-freak/107559059306564
Get Your Fan Page Fram Widget Here And Change The frame Tag With The New One…
developers.facebook.com/docs/reference/plugins/like-box/
meaning of frame tag/??
GOT IT TY
Thanks…
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
There Is Not A Such Codings… 🙁
I added But No change i cant see it for the first time Plz Help
My Blog
http://wowilovethisgame.blogspot.in/
You Have Extra JQuery Pre-Embed, Use The CSS Version.
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 ?!
This Code Is UpDated, Now It’s User Friendly, Read It Again, Be Happy.
not working on my blog..help!!
Can I See Your Blog…???
ya ofcourse.. http://www.indiajobsworld.com..take a look plz..
You Are Not Using My Code Dude…
ya,,bcoz the code is not working,so i’d use another code,,if u sort my problem why it is not working,i will put this code in my blog.
Thanks
Your Other JQueries Are Cancelling Out This One, Please Delete Other JQurey File, If They Are Important, Then Use The CSS Version Of This Widget That Is Pure CSS Based…
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..
You Are Welcome, The Article Is UpDated With One Time Trick Also…
the code that is only working is the code which i have to write before < / body >.none of the other is working,,
You Are Using A Lot Of JQuery Files, So All Will Can Not Process Fine…
The code is not working on my web site http://www.6maj.mk. Could you please check. Thanks.
You Have Extra JQuery Files That Is Cancelling Out This One, Use CSS Version To Avoid It…
WorKinG……..
You Are Welcome…
Its working fine! thank you sir this is a great help to boost the traffic of my site!
You Are Welcome To Visit Us, Be With Us To Get More…
works fine but mine is not centered. it’s position is right below how to fix it?
Can I See Your Blog…???
Can i use the code in my website as a post with a back link source to this site?
Ok, You Can With A Backlink…
It is showing but it is crashed..Please Check this : http://privatejobs4you.blogspot.in/
You Are Using Extra JQueries, Remove This One And Use CSS One…
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
You Have A Lot Of Jquires That’s Why It’s Not Working Or Even No One Will Work, Use CSS Menu And PoPuPs Available On This Blog Too…
Thanks for this great tutorial, but it’s not completely working. This is how it looks like on my page: http://www.justonewayticket.com/test/
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!
You Are Not Using Any Of Our Code On Your Blog So Can’t Answer You…
hello
I am facing some problem in compatibility of widget
in my blog, can you give me any solution for this.
You Are Using A Slide Out Facebook Like Box Widget That Is Cancelling This, Remove That In Order To Keep It Working…
I have removed slide out facebook like from blog but again problem is their..
You Have A JQuery Version 1.8.2 File Embedded In Your Template Just Below < head> Tag, Remove It To All This Widget To Work.
I want popup like allindiajobs blog
http://www.allindiajobs.in/2013/01/lsi-corporation-openings-for-freshers.html?utm_source=feedburner&utm_medium=email&utm_campaign=Feed%3A+iamraju%2FLisl+%28www.allindiajobs.in%29
I found some differences in height and width in my blog and allindiajobs
It’s Same As You Want…
i have try many time remove and add jquery plugin..
please check and give me suggestions…
Send Us Your .xml Template At Our E-Mail In Attachment, We Will Fix It For You…
I tried your code on blogspot and this is what appeared.
s1183.beta.photobucket.com/user/alyssa_marie_963/media/ScreenShot2013-01-04at85204PM_zps97d6235d.png.html?sort=3&o=0
What did I do wrong? I wanted to make it look like this blog: http://www.earthlingorgeous.com
Thanks in advance!
Send Us Your Blog .xml File, We Will Fix It For You And It’s Ok…
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 http://hydro-carbons.blogspot.com/
You Have A Lot Of JQuery Installed Into Your Template, Just Use CSS One Or Clear Your Blog Jquery…
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 psbhargav18@gmail.com
Can I See The Live DEMO In Any Blog/WebPage…???
Not working here
http://kamrandownloads.blogspot.com
You Have A Lot Of JQueries Pre-Install, Use CSS Version To Play This…
Hello.
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.
What The Error? ScreenShoot Link Or Live DEMO Please…???
thank you so much , its working perfectly on my site
http://www.newsroom12.blogspot.com
You Are Welcome To Visit And Us Our Code, Be With Us To Get More…
thanks…nice one
You Are Welcome Here…
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!
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.
Thanks ..for this amazing thing i applies it in my blog today http://www.tipsandtweaks.net works perfectly. can u suggest any other widgets that we can use..
You Are Welcome Here, Personally, I Recommand You To USe CSS Coded Widget Because It Will Speed Up Your Blog Time…
dear its not working my blog
Your Blog URL…???
Hey! I managed to get the pop up box to appear but my actual fb link doesn’t show.
http://SearchingforLBD.blogspot.com
Your Code Is Working Fine, Thanks For Using Our Code….
hi,
i tried to use in my blog.i am not so gud at coding part.My blog is
jobalertindgulf.com
and my page is facebook.com/jobsatjobalert .i need your advice
regards
jay
Send Us An E-Mail, We Will Do It For You…
I have tried for hours to get this to work on teachingwithtlc.com. 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.
Acctually You Have JQuery 1.7.1 That Is Conflicting With This One, Remove That Then Use This…
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?
Leave Your Blog Template And Widgets Code At Our E-Mail, We Will Fix It For You And It Is Working Fine Now…
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
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.
i use it on my site http://www.inspirenaija.com. it works perfectly. but the right and bottom edges isnt showing fine
It’s Fine Here, Some Of Your CSS Codes Are Conflicting With It. Send Us Your Template, We Will Fix It…
its not working
It’s Working Fine, Try To Add It Again…
its not working, Help me please! create a code for me here is my facebook page https://www.facebook.com/pirousbung .
If You Want To Display This Gadget Once Upon User Cookies, Just Change false To true: true for me
My website: http://www.talentscachestv.com
Plese Help me.
If You Can Edit The Code, Just Send Us An E-Mail With Your, We Will Create It For You…
Email: berouslover@yahoo.fr
Check Out Your E-Mail, Code Has Been Sent…
Thank you so much, its not working
Can I See Your Blog Because It’s Working Here…
Thank you so much, its working I went to tell you, thank you thank you….
You Are Welcome Here And Thanks For Liking Our Content, Be With Us To Get More.
Bro not workking in my blog
Leave Your Blog URL To Look Into The Matter…
Hy
How can i make the like box appear in 15-20 seconds after the user entered my website?
TX
Yes, E-Mail Us To Get Your Desired Code…
Code Is Not Working Please Help …..!
Website:-
http://altajlibrary.blogspot.com/
You Have JQuery 1.9.1 That Is Conflicting With This One. Remove That One Or Use Our CSS Version…
Bro wat shud i do so that the popup appears everytime the viewer open the page..!?plz repl asap..!!
Change false To true Only To Make It One Time POPUP…
Hi! it’s great the facebook like-box pop up window, thanks a lot! I used the code you have in https://www.exeideas.com/2013/04/how-to-add-pop-up-facebook-like-box-for.html 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.
Please Leave Your Reply On That Widget Post With Your Blog URL So We Can Check The Live Error…
Not working on my blog 🙁
Can We See Your log URL Where It’s Not Working. Please Add The Code Then Leave The Link Here…
I installed the widget and it works fine on Firefox, but I it cant launch on chrome or explorer? Do you have any suggestions ?
Download The GitHub JS File And Add It On Your Server Or Add Full JS Code In HTML/JavaScript Gadget…
Where should I put this file in the server?
Send Us An EMAil, We Will Send You The Updated Code Without Any Server…
Here you go: zhivko19900@gmail.com
Code Has Been Sent. Check Your EMail…
Not working on ie and chrome. 🙁 Only ff.
Code Updated. Check Now Again…
Now working! Great work! Congrat and thank you! 🙂
You Are Welcome. Keep Visiting Us Daily…
How can I copy the code ? I can’t .. nor using CTRL C, vor using the mouse, I cannot select the text…
Thanks
Can I Ask You What Browser You Are Using…???
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 !
For This Desire, You Have To Use Our EXE-Style POP-UP Version-4.
Hi Admin. This script is Great. Thanks ! But how i modify height’s???
I found this line: $.colorbox({width:”400px”, inline:true, href:”#exestylepopups”});
Thanks For Liking, Yes, You Can Change Height From Here…
Its Work !! Thanks Dude 😀
Welcome Here And Thanks For Using And Liking…
Thanks, im looking for this long time..but a have a compatibility issue in my web http://www.hotelswwd.com 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
Are You Using Any JQuery In Your Template For Search Widget?
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?
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.
Thank you for this code. Im using it. Can someone confirm if it is working on my site? http://www.gadyetero.com/
Welcome Here And Thanks For Using It. Its Working Fine Of Your Site And Looking Great. Be with Us To Get More.
Nice tips, which will make my blog better and i will get lots of like thanks…
Welcome Here And Thanks For Using It. Be With Us To Get More Like This…
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 http://digitalphotographycompleteguide.blogspot.com
Welcome Here And Thanks For Liking Our This Version. Give Our CSS Version Also A Try…
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..???
We Will Try To Add This Feature In Our Next Version Too. Thanks To BE With Us.
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…
We Added This Feature In CSS Version. Have A Look There…
salam admin muhammad..
sorry to interupt…it`s not working for me
feel free to drop by http://suarapensel.blogspot.com
You Have A Lot Of JQueries That Are Conflicting With POPUP JQuery.
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?
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.