Facebook Pop up Plugin for Blogger
<style type='text/css'> | |
#iamshemulpopup{ | |
position: fixed; | |
top:100px; | |
z-index:9999; | |
display:none; | |
padding:0px; | |
right:600px; | |
border:10px solid rgba(82, 82, 82, 0.7); | |
-webkit-background-clip: padding-box; /* for Safari */ | |
background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ | |
-webkit-border-radius:8px 8px 8px 8px; | |
-moz-border-radius:8px 8px 8px 8px; | |
border-radius:8px 8px 8px 8px; | |
width:400px; | |
height:360px; | |
overflow:hidden; | |
} | |
#iamshemulpopup span{ | |
font-size:20px !important; | |
font-weight:bold !important; | |
} | |
#iamshemulpopup h1{ | |
background:#6d84b4 url(http://i7.minus.com/jfBgvhIwFFl8t.png) 98% no-repeat; | |
border:1px solid #3b5998 !important; | |
color:#FFFFFF !important; | |
font-size:20px !important; | |
font-weight:700 !important; | |
padding:5px !important; | |
margin:0 !important; | |
font-family:'"lucida grande",tahoma,verdana,arial,sans-serif !important; | |
overflow:hidden !important; | |
} | |
.htmlarea{ | |
font-size:12px !important; | |
font-weight:normal !important; | |
height:265px !important; | |
padding:1px !important; | |
background:#fff !important; | |
border-bottom:2px solid #ddd; | |
overflow:hidden !important; | |
} | |
#mdfooter{ | |
text-align:left; | |
background:#F2F2F2 !important; | |
height:56px !important; | |
padding:10px 10px 10px 10px !important; | |
overflow:hidden !important; | |
} | |
#mdclose{ | |
float:right; | |
background-color:#eee !important; | |
border:1px solid #ccc !important; | |
color:#111 !important; | |
font-weight:bold !important; | |
padding:5px 8px 5px 8px !important; | |
text-decoration:none !important; | |
display:inline-block !important; | |
font-family:'"lucida grande",tahoma,verdana,arial,sans-serif !important; | |
outline:none !important; | |
position:relative !important; | |
font-size:18px !important; | |
margin:1px !important; | |
} | |
#mdclose:active{ | |
top:1px; | |
left:1px; | |
} | |
.grabthis{ | |
bottom:80px; | |
font:8px "lucida grande",tahoma,verdana,arial,sans-serif; | |
position:absolute; | |
right:6px; | |
text-align:right; | |
z-index: 99999; | |
} | |
.grabthis a{ | |
color: #000; | |
text-decoration:none; | |
} | |
.grabthis a:hover{ | |
text-decoration:underline; | |
} | |
</style> | |
<script type='text/javascript'> | |
jQuery(document).ready(function() { | |
function iamshemul_ppopup() { | |
var sec = 10 | |
var timer = setInterval(function() { | |
$("#mdfooter span").text(sec--); | |
if (sec == 0) { | |
$("#iamshemulpopup").fadeOut("slow"); | |
clearInterval(timer); | |
} | |
},1000); | |
var mdwh = jQuery(window).height(); | |
var mdpph = jQuery("#iamshemulpopup").height(); | |
var mdfromTop = jQuery(window).scrollTop()+50; | |
jQuery("#iamshemulpopup").css({"top":mdfromTop});} | |
jQuery(window).fadeIn(iamshemul_ppopup).resize(iamshemul_ppopup) | |
//alert(jQuery.cookie('sreqshown')); | |
//var mdww = jQuery(window).width(); | |
//var mdppw = jQuery("#iamshemulpopup").width(); | |
//var mdleftm = (mdww-mdppw)/2; | |
var mdleftm = 500; | |
//var mdwh = jQuery(window).height(); | |
//var mdpph = jQuery("#iamshemulpopup").height(); | |
//var mdfromTop = (jQuery(window).scrollTop()+mdwh-mdpph) / 2; | |
jQuery("#iamshemulpopup").animate({opacity: "1", left: "0" , left: mdleftm}, 0).show(); | |
jQuery("#mdclose").click(function() { | |
jQuery("#iamshemulpopup").animate({opacity: "0", left: "-5000000"}, 1000).show();});}); | |
</script> | |
<div id="iamshemulpopup"> | |
<h1>Help us to Grow</h1> | |
<div class="htmlarea"> | |
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2F(Fcebook_Page_user_name)&width=400&colorscheme=light&show_faces=true&border_color=%23fff&stream=false&header=false&height=250" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:400px; height:250px;" allowtransparency="true"></iframe> | |
<div class="grabthis"> | |
<a href="http://iamshemul.com/?p=2691" target="_blank">Add This!</a> | |
</div> | |
</div> | |
<div id="mdfooter"> | |
Please wait..<span>10</span> Seconds | |
</div> | |
</div> | |
<data:content/> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment