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.
Customization:
1.) Change Red Text According To Your Desire.
2.) Change Blue Text With Your Facebook FanPage URL.
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&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>
<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.
where is demo ?
ReplyDeleteThe Demo Is In The Screen Shoot...
Deleteno close button ?
ReplyDeleteHava A Look On "Skip To Continue" Text On The Bottom Left Of The POPUP...
DeleteHey man!
ReplyDeleteIs 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!
This Is A Simple POPUP, Wait For The Next UpDate In Which I Will Make It One Time...
Deletethanks man! its working
ReplyDeleteYou Are Welcome...
Deletehow can i stop this script to load every time , when ever i refresh the web page
ReplyDeleteThis Is CSS Based, User JQuery Based To Full-fill You Desire.
DeleteHi,
DeleteThanks for the great code!
May I know how do I use it for my prestashop store?
Thanks a million
You Are Welcome...
DeleteCan I See The URL...???
my site is www.belcoutureco.com
DeleteHow do I apply it on my site, where do I input the codes into?
The website can only run on css and not html.
Thanks a million
I Got Exclaimed That Your Site Can't Run HTMl, I Have Ever Seen It First...
DeleteHTML Is The Basic Language...
Your Site Contains HTML,CSS,JS Languages...
Add The Above Code Anywhere In The <body Section In Your Every Page...
Hi, I tried but can't get it to work in my website(www.belcoutureco.com)
Deletebut it can work in my blogger page(belcoutureco.blogspot.sg)
I really need some advise from you to make it work in my website.
my codes are all in .css file so I don't know where to include these codes. I can't body, /body like in html.
Thanks a million.
Go To Your Template...
DeleteScroll To The End...
You Will See These Code...
< /body>
< /html>
Just Paste The Given Code Above These Codes...
hai bro...
ReplyDeleteits 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
This Is A Simple POP-Up, For One Time You Have To Use J-Query Based POP Ups...
Deletereally 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 . :)
ReplyDeleteYou Have A Nice Blog, Keep It Up...
DeleteThanks A Lot...
Mate, i tried the j query pop and its not working, anyway you can make this css to appear only on first visits?
ReplyDeleteCan I See The URL Where It's Not Working...???
DeleteThe popup aprecer face time we do a refresh. How to stop appearing only once on site. Thank you.
ReplyDeleteThis Is A CSS Version, For One Time Use JavaScript Version.
Deletewhere is javascript version??
DeleteSee The Top Article In The "OUR HOTTEST ARTOCLES" Section...
DeleteHi there,
ReplyDeleteFirst 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!
Can I See Your Blog....???
Deletehow to remove tob black box........because not looking nice
ReplyDeleteJust Remove (class="exe-title")From The Code...
Deletepop up box is always being hidden behind the image slider. sort out this problem please. http://be4bloggers.blogspot.com/
ReplyDeleteCode Is UpDated, Please Use This Again...
Deleteand how to add appearing time after a specific time like a day, a week or a month?
ReplyDeleteUse The JQuero One With The UpDated Features...
DeleteStylish LightBox POP-UP Facebook Like Box [Updated] Widget For Blog & Website
how to add subscribe via email option in this widget??
ReplyDeleteRemove The Code Form iframe to iframe And Add The Subscribe E-Mail Code Instead Of This, If Don't Know How, Contact Us At Contact Page....
Deleteits working but
ReplyDeletecoming this box any time
how to make 1 time coming...?
Use JQuery Version To Make It One Time POPUP...
Deletesalam walekum hassan i am getting this error..can u tell me what to do?
ReplyDeleteCould not retrieve the specified page. Please verify correct href was passed in.
Just Send An E-Mail With Your Facebook FanPage URL To admin@exeideas.tk To Get The Working Widget In Your InBox...
Deletevery nice tutorial worked for me thanks keep up the good work
ReplyDeleteYou Are Welcome To Visit...
DeleteComplicated, the cod works here, but not like a POP UP and i do not know why.
ReplyDeleteI'm using on my website...
www.upgrade-store.com
i think he use CSS plataform
You Are Not Using This Code On Your Site, First Add It And Reply...
DeleteI 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.
ReplyDeleteFor One Time, You Have To Use JQuery Version But It Will Intersect With Other JQuieres That Are In Your Blog, Now It's Upto You What You Want...
DeleteI 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
ReplyDeletethanks,
Noble
It's Working Fine, Check Your Facebook Message To Get Working Code...
DeleteAwesome pop up ..... thank you for your hard work....... now my blog look even nicer ( I HOPE ) come and visit my blog.... wasalam
ReplyDeleteYou Are Welcome Here, Be With Us To Get More...
Deletereally nice post hassan :)
ReplyDeleteAs 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??
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...
Deletehey 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?
ReplyDeleteThere 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...
DeleteThank you. Works on my blog. www.apsotech.blogspot.in
ReplyDeleteYou Are Welcome To Be Here With Us, Be With Us To Get More...
DeleteThanks... awseome widget... I like this very much...
ReplyDeleteWelcome Here And Thanks For Liking This...
Delete