LATEST >>

We Started A Facebook AutoLiker & AutoCommenter & GroupPoster. Check Out Our EXETools...

EXEIdeas – Let's Your Mind Rock » Blogspot / Blogspot POP UPs / Website / Website POP UPs » CSS-LightBox POP-UP Facebook Like Box Widget For Blog & Website

CSS-LightBox POP-UP Facebook Like Box Widget For Blog & Website

As you know that many of the blogger has also have this but here the golden thing is that this is made up of World First Unblockable CSS Lightbox POPUP Works With IE+7 And Other Browsers Too. This is that main thing that make it different from others.
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). There are only one simple step to add is quickly.To get this widget follow below procedure:-
First See The Demo In The Screen Shoot.

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

4.) Quick, Quick, Quick To Load And Easy To Install.
5.) Simple And Stylish Design.
6.) No J-Query Only CSS.
7.) Works With IE+7 And Others Too..

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. 

<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.
If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->
<style type="text/css">

/***********************************************
* CSS POP-UP With Light Box Effect- © EXEIdeas (www.exeideas.com)
* This notice must stay intact for use.
* Visit http://www.exeideas.com/ for full source code.
***********************************************/
* html #exestylepopupdiv {position:absolute;}
#exestylepopupdiv {display:block; top:0px; left:0px; width:100%; height:100%; position:fixed; background-image:url('https://lh3.googleusercontent.com/-rUv4L_9nz-8/T9sfSSJaZNI/AAAAAAAACf0/ETEgFKt-rR4/s128/exeideasopacity0.5.png');margin:0; overflow-y:auto;z-index:999999;}
#exestylepopup {background-color: #fff; overflow:none;z-index:999999;}
.exestylepopup {width:400px; height:420px; position:fixed; top:45%; left:50%; margin-top:-210px; margin-left:-200px; border: 10px solid #999; padding: 20px;z-index:999999;}
.exe-title {background:#000;color: #fff;font-size: 20px !important;font-weight:bold;margin:5px 0;border:20px solid #ddd;padding:10px;line-height:25px; font-family:arial !important;}
</style>
<!--[if lte IE 6]>
<style type="text/css">
/*<![CDATA[*/
html {overflow-x:auto; overflow-y:hidden;}
/*]]>*/
</style>
<![endif]-->
<div id="exestylepopupdiv">
<div id="exestylepopup" class="exestylepopup">
<center><h3 class="exe-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&amp;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>
<br />
<center style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.exeideas.com">EXEIdeas</a></center>
<center style=" float:left; margin-left:35px; font-size:9px;cursor:pointer;" ><a style=" font-size:9px; color:#3B78CD; text-decoration:none;" onmouseup="document.getElementById('exestylepopupdiv').style.display='none'">Skip To Continue</a></center>
</div>
</div>
<!-- This Is A CopyRight Code.It Is Free To Use But With HTML Design Code.
If AnyOne Found To Be Changing This Code Should Be Under Legal Action Via DMCA. -->

Customization:
1.) Change Red Text According To Your Desire.
2.) Change Blue Text With Your Facebook FanPage URL.

3.) Save And Done.

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

68 Responses to “CSS-LightBox POP-UP Facebook Like Box Widget For Blog & Website”

  1. Akash says:

    where is demo ?

  2. Anonymous says:

    no close button ?

  3. Anonymous says:

    Hey man!
    Is there a way in order to this box appears just one time until the same computer cleans the cookies?
    Box appears every time, it is boring.

    Tks for helping!

  4. Skyy Alone says:

    thanks man! its working

  5. Anonymous says:

    how can i stop this script to load every time , when ever i refresh the web page

  6. hai bro…
    its working fine but it displays every time when we refresh the page.
    please explain how to display it once when we open the page.

    thanks for coding

  7. Abhishek Gupta says:

    really nice site , hi admin first u have really nice and cool posts if u wand some get from mine bro because sharing is caring , my site is http://www.fobbleup.blogspot.com, we site runners most be more curious in sharing and it will make our traffic more high too bro, so have a review on my site .peace and blessings . :)

  8. Anonymous says:

    Mate, i tried the j query pop and its not working, anyway you can make this css to appear only on first visits?

  9. The popup aprecer face time we do a refresh. How to stop appearing only once on site. Thank you.

  10. Anonymous says:

    Hi there,
    First of all, Thanks for sharing this useful tips.
    I’m trying whole night with the code to add Pop up facebook like window in my website hoping to get more like.

    It does pop up the window but instead link it to my facebook (Wedding Cottage) and allow viewer to click like.. It turns up to be counting down clock for “Congratulations! You have 2 min to claim your prize” or skin product advertisement.

    I can be reach at 012-6900 439 or email: theweddingcottage@hotmail.com

    Hope to hear from you soon!

  11. Anonymous says:

    how to remove tob black box……..because not looking nice

  12. shash z says:

    pop up box is always being hidden behind the image slider. sort out this problem please. http://be4bloggers.blogspot.com/

  13. shash z says:

    and how to add appearing time after a specific time like a day, a week or a month?

  14. Mohit Gupta says:

    how to add subscribe via email option in this widget??

  15. Rusaith says:

    its working but
    coming this box any time
    how to make 1 time coming…?

  16. salam walekum hassan i am getting this error..can u tell me what to do?

    Could not retrieve the specified page. Please verify correct href was passed in.

  17. anis chity says:

    very nice tutorial worked for me thanks keep up the good work

  18. Complicated, the cod works here, but not like a POP UP and i do not know why.

    I’m using on my website…
    http://www.upgrade-store.com

    i think he use CSS plataform

  19. Anonymous says:

    I added this to my page, the css version and it is ok, but I want this pop up to show up only on opening the web page, not every time I start the home page. I tried that with your jquery version but it replaces my other script that I use on my site and I cannot use it. How can I do this? Thank you very much.

  20. Noble Long says:

    I used your exact code and it works fine, but of course it points to your facebook page. When I change it to my facebook username “Barreldem” the box is blank under “Receive All Updates Via Facebook. Just Click the Like Button Below…”. I’m not sure why. My complete facebook page is http://www.facebook.com/Barreldem

    thanks,
    Noble

  21. Chombros Share says:

    Awesome pop up ….. thank you for your hard work……. now my blog look even nicer ( I HOPE ) come and visit my blog…. wasalam

  22. irfan ahmed says:

    really nice post hassan :)
    As i am jQuery code is not working for me, i am using this CSS version.and as u said, we cannot restrict from loading this pop-up on every refresh….so i would like to know how to restrict this pop-up for only homepage? if i dont want to appear this on every post then??

    • EXEIdeas says:

      Thanks For Liking Our Widget, Yes We Can’t Resitrict It To OneTime POPUP But We Can Move It Only On Hame Page Too, Just Send Us An E-Mail So We Will Update This Code For You…

  23. Brylle Orito says:

    hey man, i cant seem to use the jquery version on my blog, it doesnt work. heres my blog http://epicfeedtime.blogspot.com/. maybe its because im using an old template. is it possible to add a one time show only feature on css?

    • EXEIdeas says:

      There Is No Extra JQuery In Your Blog, Just Delete Your HTML1 Widget From Your Blog Layout And Open Your Template And Find “1.6.1/jquery.min.js” Then Delete The Whole Line From There Also…

  24. krishna says:

    Thanks… awseome widget… I like this very much…

  25. First off: thank you for your awesome site! :-) I need your help; I can’t make this code work on my website: http://www.elizabethrinne.com and here’s my Facebook page: https://www.facebook.com/pages/Fashion-Poetry-by-Elizabeth-Rinne/118732258324061 can you help me?

  26. Furqan Haider says:

    I Have Only Found In Your Site Working In My Blog Thans Man Great Widget

  27. i have adf.ly entri script and link converter,
    when i click skip, appeart this: adf.ly Sorry, but the requested page was not found!

    the link under the skip button is

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>