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

Posted by : ADMIN Friday, 1 June 2012

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.
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:-

Features:
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.

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.

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>

ColorBox v1.3.16

#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;}

User Style:

Change the following styles to modify the appearance of ColorBox. They are ordered & tabbed in a way that represents the nesting of the generated HTML.

#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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifVXt_259lbZ_IIQoP6_pqsG5cZzhgrx7cd-HEjk3GnsjC5L7RzGpRMMxpwN6bAOPsmFTiI9ySIKPPyXNasS0uMRNOKrdtS8jWuUoF6jiuAPYu_YvXDQ0SofbF6S7Z37Nnr59wHxO1tTA/s1600/controls.png) no-repeat 0 0;}

#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdKdwlx2rWUuBUjdvMLe-5RSic-qT3PKfhfJcLc6wHSq0IdMK3WWLbWbO7rQ566NdnUy97tjbvKJ53UUb6DtCyg_ZZDuwStQqifgnDLzVsJSvAa84Wl1sa0-qo8GO9uapwrf13THY_Mfs/s400/border.png) repeat-x top left;}

#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifVXt_259lbZ_IIQoP6_pqsG5cZzhgrx7cd-HEjk3GnsjC5L7RzGpRMMxpwN6bAOPsmFTiI9ySIKPPyXNasS0uMRNOKrdtS8jWuUoF6jiuAPYu_YvXDQ0SofbF6S7Z37Nnr59wHxO1tTA/s1600/controls.png) no-repeat -36px 0;}

#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifVXt_259lbZ_IIQoP6_pqsG5cZzhgrx7cd-HEjk3GnsjC5L7RzGpRMMxpwN6bAOPsmFTiI9ySIKPPyXNasS0uMRNOKrdtS8jWuUoF6jiuAPYu_YvXDQ0SofbF6S7Z37Nnr59wHxO1tTA/s1600/controls.png) no-repeat 0 -32px;}

#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdKdwlx2rWUuBUjdvMLe-5RSic-qT3PKfhfJcLc6wHSq0IdMK3WWLbWbO7rQ566NdnUy97tjbvKJ53UUb6DtCyg_ZZDuwStQqifgnDLzVsJSvAa84Wl1sa0-qo8GO9uapwrf13THY_Mfs/s400/border.png) repeat-x bottom left;}

#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifVXt_259lbZ_IIQoP6_pqsG5cZzhgrx7cd-HEjk3GnsjC5L7RzGpRMMxpwN6bAOPsmFTiI9ySIKPPyXNasS0uMRNOKrdtS8jWuUoF6jiuAPYu_YvXDQ0SofbF6S7Z37Nnr59wHxO1tTA/s1600/controls.png) no-repeat -36px -32px;}

#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifVXt_259lbZ_IIQoP6_pqsG5cZzhgrx7cd-HEjk3GnsjC5L7RzGpRMMxpwN6bAOPsmFTiI9ySIKPPyXNasS0uMRNOKrdtS8jWuUoF6jiuAPYu_YvXDQ0SofbF6S7Z37Nnr59wHxO1tTA/s1600/controls.png) repeat-y -175px 0;}

#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifVXt_259lbZ_IIQoP6_pqsG5cZzhgrx7cd-HEjk3GnsjC5L7RzGpRMMxpwN6bAOPsmFTiI9ySIKPPyXNasS0uMRNOKrdtS8jWuUoF6jiuAPYu_YvXDQ0SofbF6S7Z37Nnr59wHxO1tTA/s1600/controls.png) repeat-y -211px 0;}

#cboxContent{background:#fff; overflow:visible;}

#cboxLoadedContent{margin-bottom:5px;}

#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWJDieX_y4JwUhcEp5_Ul2EMHxREW6lCcyhEPcvYAKlIaYYb_efX1yDAzhKjNMRwZ_bX-lFldjcyqqAKl-MKFmPE6DGcESXc8GCkZ-4yPtAvmIs4xEcScbXQ5DgsfsyvDao88sazvdYcM/s400/loadingbackground.png) no-repeat center center;}

#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivBFTBfw3giEweHPBEP7J2P3POPg7dX2neYwLLIqWBzkK4M8URr8Cj4Pfo_FL6ADU6W5wlwb44306utXfBwUuF30MGSBUxJaAiYZED4RsRPnZdaktcjKTZIYV-EVMdjytfLVi71jEGNwQ/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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifVXt_259lbZ_IIQoP6_pqsG5cZzhgrx7cd-HEjk3GnsjC5L7RzGpRMMxpwN6bAOPsmFTiI9ySIKPPyXNasS0uMRNOKrdtS8jWuUoF6jiuAPYu_YvXDQ0SofbF6S7Z37Nnr59wHxO1tTA/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;}

/*-----------------------------------------------------------------------------------*/

/* Facebook Likebox popup For Blogger

/*-----------------------------------------------------------------------------------*/

#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 #CCCCCC;padding:10px;line-height:25px; font-family:arial !important;}

</style>

<center><h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below...</h3></center>

</center><p style=" float:right; margin-right:35px; font-size:9px;" >Powered By <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.pctricks8.blogspot.com">PCTRICKS8</a></p>

</div>