facebook like box popup
—
Thursday, January 9, 2014
—
Add Comment
—
fb
<body>
<style type='text/css'>
#haakblogFBpop {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#haakblogFBpop a.haakblogclose {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top
$('#haakblogFBpop').animate({top:"150px"}, 1000);
// Widget by www.haakblog.com
$('a.haakblogclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='haakblogFBpop'>
<!-- Widget by www.haakblog.com Start -->
<center>
<b>Don't Forget To Join US Our Community</b></center>
<center>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fhaakblog&width=300&height=258&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false&appId=196282097100252' style='border:none; overflow:hidden; width:300px; height:258px;'/>
</center>
<!-- Widget by www.haakblog.com End -->
<a class='haakblogclose' href='#'>×</a>
<center style='float:right; margin-right:10px;'>
<span style='font-size:xx-small; color:#000; text-decoration:none;'></span>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger"><img src="https://bitly.com/haakblog" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href='http://www.haakblog.com/2013/10/add-facebook-like-popup-box-for-blogger.html' style='font-size:xx-small; color:#3B78CD; text-decoration:none;' target='_blank'>Widget</a></center>
</div>
</body>
http://www.haakblog.com/2013/10/add-facebook-like-popup-box-for-blogger.html
<style type='text/css'>
#haakblogFBpop {
position:fixed !important;
position:absolute;
top:-1000px;
left:50%;
margin:0px 0px 0px -182px;
width:300px;
height:auto;
padding:16px;
background:#FEFEFE;font:normal Dosis, Georgia, Serif;
color:#111;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
#haakblogFBpop a.haakblogclose {
position:absolute;
top:-10px;
right:-10px;
background:#fff;
font:bold 16px Arial, Sans-Serif;
text-decoration:none;
line-height:22px;
width:22px;
text-align:center;
color:#000000;
border:2px solid #333;
-webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-moz-box-shadow:0px 1px 2px rgba(0,0,0,0.4);
box-shadow:0px 1px 2px rgba(0,0,0,0.4);
-webkit-border-radius:22px;
-moz-border-radius:22px;
border-radius:25px;
cursor:pointer;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
$(window).bind("load", function() {
// Animate Top
$('#haakblogFBpop').animate({top:"150px"}, 1000);
// Widget by www.haakblog.com
$('a.haakblogclose').click(function() {
$(this).parent().fadeOut();
return false;
});
});
</script>
<div id='haakblogFBpop'>
<!-- Widget by www.haakblog.com Start -->
<center>
<b>Don't Forget To Join US Our Community</b></center>
<center>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fhaakblog&width=300&height=258&show_faces=true&colorscheme=light&stream=false&show_border=false&header=false&appId=196282097100252' style='border:none; overflow:hidden; width:300px; height:258px;'/>
</center>
<!-- Widget by www.haakblog.com End -->
<a class='haakblogclose' href='#'>×</a>
<center style='float:right; margin-right:10px;'>
<span style='font-size:xx-small; color:#000; text-decoration:none;'></span>
<a href="http://www.haakblog.com" rel="dofollow" target="_blank" title="blogger"><img src="https://bitly.com/haakblog" alt="blogger" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href='http://www.haakblog.com/2013/10/add-facebook-like-popup-box-for-blogger.html' style='font-size:xx-small; color:#3B78CD; text-decoration:none;' target='_blank'>Widget</a></center>
</div>
</body>
http://www.haakblog.com/2013/10/add-facebook-like-popup-box-for-blogger.html
<!-- facebook like box popup-->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://exeideasinternational.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/s1600/controls.png)
no-repeat 0
0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNdhxORQGQ5SvIzm0c0ztpeGJUq7IiUiZnlmzFFuPHoeNrzAod1JLS6dUL4onAgLX_RL6p4v2JSJQRykQRx0Ks0r4ok2RiLkNuz7USUJROBd2U-j57hs1nwE3gvC3mvl9IC0-Rg0mXY4/s400/border.png)
repeat-x top
left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/s1600/controls.png)
no-repeat -36px
0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/s1600/controls.png)
no-repeat 0
-32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNdhxORQGQ5SvIzm0c0ztpeGJUq7IiUiZnlmzFFuPHoeNrzAod1JLS6dUL4onAgLX_RL6p4v2JSJQRykQRx0Ks0r4ok2RiLkNuz7USUJROBd2U-j57hs1nwE3gvC3mvl9IC0-Rg0mXY4/s400/border.png)
repeat-x bottom
left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/s1600/controls.png)
no-repeat -36px
-32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/s1600/controls.png)
repeat-y -175px
0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/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/AVvXsEjL-xbAUFC-2-DGpizYjrJo63nFXcj7l6GhYfTVHNLkxeWI9M8I8rm8BiV-B1eLaGScMt9Gbd676Satrgv9Szm2k68pSb0jS8SqpSMKIkBVRm1GXmRoPWCrdkOL4mklNiaimNeoM35KtC8/s400/loadingbackground.png)
no-repeat center
center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidVqHQZW-XF4bhWkbC7C8cet_lTavAQuPraSxg3eIXqgQbanhofmwuOKyFScYrpHVbIGMS4BBXgZXfgsoLYEA1r1cDhyphenhyphenAzsCr7k9wWOEVUN1wD8wySPCQMGg_orZGpUDn0tkZ5up5VdV4/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/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/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%2Fnamastesydney&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="http://onlineblogger.net">OnlineBlogger</a></p>
</div></div> - See more at: http://onlineblogger.net/add-pop-up-facebook-like-box-in-your-website/#sthash.G6O2RlKY.dpuf
<!-- facebook like box popup-->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://exeideasinternational.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/s1600/controls.png)
no-repeat 0
0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNdhxORQGQ5SvIzm0c0ztpeGJUq7IiUiZnlmzFFuPHoeNrzAod1JLS6dUL4onAgLX_RL6p4v2JSJQRykQRx0Ks0r4ok2RiLkNuz7USUJROBd2U-j57hs1nwE3gvC3mvl9IC0-Rg0mXY4/s400/border.png)
repeat-x top
left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/s1600/controls.png)
no-repeat -36px
0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/s1600/controls.png)
no-repeat 0
-32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNdhxORQGQ5SvIzm0c0ztpeGJUq7IiUiZnlmzFFuPHoeNrzAod1JLS6dUL4onAgLX_RL6p4v2JSJQRykQRx0Ks0r4ok2RiLkNuz7USUJROBd2U-j57hs1nwE3gvC3mvl9IC0-Rg0mXY4/s400/border.png)
repeat-x bottom
left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/s1600/controls.png)
no-repeat -36px
-32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/s1600/controls.png)
repeat-y -175px
0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/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/AVvXsEjL-xbAUFC-2-DGpizYjrJo63nFXcj7l6GhYfTVHNLkxeWI9M8I8rm8BiV-B1eLaGScMt9Gbd676Satrgv9Szm2k68pSb0jS8SqpSMKIkBVRm1GXmRoPWCrdkOL4mklNiaimNeoM35KtC8/s400/loadingbackground.png)
no-repeat center
center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidVqHQZW-XF4bhWkbC7C8cet_lTavAQuPraSxg3eIXqgQbanhofmwuOKyFScYrpHVbIGMS4BBXgZXfgsoLYEA1r1cDhyphenhyphenAzsCr7k9wWOEVUN1wD8wySPCQMGg_orZGpUDn0tkZ5up5VdV4/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/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/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%2Fnamastesydney&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="http://onlineblogger.net">OnlineBlogger</a></p>
</div></div> - See more at: http://onlineblogger.net/add-pop-up-facebook-like-box-in-your-website/#sthash.G6O2RlKY.dpuf
<!-- facebook like box popup-->
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://exeideasinternational.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/s1600/controls.png)
no-repeat 0
0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNdhxORQGQ5SvIzm0c0ztpeGJUq7IiUiZnlmzFFuPHoeNrzAod1JLS6dUL4onAgLX_RL6p4v2JSJQRykQRx0Ks0r4ok2RiLkNuz7USUJROBd2U-j57hs1nwE3gvC3mvl9IC0-Rg0mXY4/s400/border.png)
repeat-x top
left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/s1600/controls.png)
no-repeat -36px
0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/s1600/controls.png)
no-repeat 0
-32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjeNdhxORQGQ5SvIzm0c0ztpeGJUq7IiUiZnlmzFFuPHoeNrzAod1JLS6dUL4onAgLX_RL6p4v2JSJQRykQRx0Ks0r4ok2RiLkNuz7USUJROBd2U-j57hs1nwE3gvC3mvl9IC0-Rg0mXY4/s400/border.png)
repeat-x bottom
left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/s1600/controls.png)
no-repeat -36px
-32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/s1600/controls.png)
repeat-y -175px
0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/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/AVvXsEjL-xbAUFC-2-DGpizYjrJo63nFXcj7l6GhYfTVHNLkxeWI9M8I8rm8BiV-B1eLaGScMt9Gbd676Satrgv9Szm2k68pSb0jS8SqpSMKIkBVRm1GXmRoPWCrdkOL4mklNiaimNeoM35KtC8/s400/loadingbackground.png)
no-repeat center
center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidVqHQZW-XF4bhWkbC7C8cet_lTavAQuPraSxg3eIXqgQbanhofmwuOKyFScYrpHVbIGMS4BBXgZXfgsoLYEA1r1cDhyphenhyphenAzsCr7k9wWOEVUN1wD8wySPCQMGg_orZGpUDn0tkZ5up5VdV4/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/AVvXsEihzNPxIArQ9TB-18Wm3zemB5JuZSjALr3mqzmzJBxxmsStBvknut47j8C9Kmv5clU0dS7pstQcSyy6xwr78LlSfjejSpjbKyX2BldCGz7LYSu6-LmS2t6B9QEZhejGqK-P1Dp94A4Gm9c/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%2Fnamastesydney&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="http://onlineblogger.net">OnlineBlogger</a></p>
</div></div> - See more at: http://onlineblogger.net/add-pop-up-facebook-like-box-in-your-website/#sthash.G6O2RlKY.dpuf
Ebook Blogger Success
Membuat website bisnis multilevel
Auto like fb 2014
0 Response to "facebook like box popup"