This is other cool jQuery popup for facebook like box with official which comes with a same facebook skin and really smooth to produce.This equal box contains a facebook like fix so that your readers/visitors can similar your fan attendant directly finished this pop up also it contains a modify mortal which is linked to your facebook fan author. The installation of this gadget is extremely rich, your rightful effort to make and adhesive the encipher after dynamical the facebook username. Now lets see how to add it to blogger journal. Forward see demo of the same box by clicking on the add below.
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 To Close Before AutoTimer.
4.) Quick To Load And Easy To Install.
5.) Simple And Stylish Design.
6.) Auto Close After Some Time With Showing Count Down Added.
7.) Same Design As Facebook Theme.
8.) Fully Customizable.
9.) Attract Your Visitor To Like Your Page.
10.) Only JQuery 1.8.2 Added Externally.
2.) POP-UP With LightBox Effect.
3.) Close Button Also Included To Close Before AutoTimer.
4.) Quick To Load And Easy To Install.
5.) Simple And Stylish Design.
6.) Auto Close After Some Time With Showing Count Down Added.
7.) Same Design As Facebook Theme.
8.) Fully Customizable.
9.) Attract Your Visitor To Like Your Page.
10.) Only JQuery 1.8.2 Added Externally.
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.
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.
2.) Now Copy The Below Code And Paste It Between <body> </body>.
3.) Save It, Now You Are Done.
<!-- Facebook POPUP LikeBox With Timer Code Start -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
<style type='text/css'>
#crackstrickpopup{background-color:#fff;position: fixed;top:50%;z-index:9999;display:none;padding:0px;left:50%;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;margin-left:-200px;margin-top:0px;overflow:hidden;}#crackstrickpopup span{font-size:20px !important;font-weight:bold !important;}#crackstrickpopup h1{background:#6d84b4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwE0dR8TcaDAgWbjkv7qOtMPZuQi2jALGD-B1AIxB7EhQibViCuoNgsN9x_2UzAVAfF6-_10vc3E64ByLuOyEIKiStZv1VAZTYjSqTgnVgTj4gUAdmvKDmfMqvCPxTSIk2OxhrTQhoqK0/s1600/aktechz-fb-lock.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;}.crackstrickpopupdata{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;}#crackstrickpopupfooter{text-align:left;background:#F2F2F2 !important;height:56px !important;padding:10px 10px 10px 10px !important;overflow:hidden !important;}#crackstrickpopupclose{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;}#crackstrickpopupclose:active{top:1px;left:1px;}</style>
<script type='text/javascript'>
jQuery(document).ready(function() {
function crackstrickpopupfunc() {
var sec = 10
var timer = setInterval(function() {
$("#crackstrickpopupfooter span").text(sec--);
if (sec == 0) {
$("#crackstrickpopup").fadeOut("slow");
clearInterval(timer);
}
},1000);
var crackstrickpopupwindow = jQuery(window).height();
var crackstrickpopupdiv = jQuery("#crackstrickpopup").height();
var crackstrickpopuptop = jQuery(window).scrollTop()+50;
jQuery("#crackstrickpopup").css({"top":crackstrickpopuptop});}
jQuery(window).fadeIn(crackstrickpopupfunc).resize(crackstrickpopupfunc)
//alert(jQuery.cookie('sreqshown'));
//var crackstrickpopupww = jQuery(window).width();
//var crackstrickpopupwww = jQuery("#crackstrickpopup").width();
//var crackstrickpopupleft = (crackstrickpopupww-crackstrickpopupwww)/2;
var crackstrickpopupleft = 500;
//var crackstrickpopupwindow = jQuery(window).height();
//var crackstrickpopupdiv = jQuery("#crackstrickpopup").height();
//var crackstrickpopuptop = (jQuery(window).scrollTop()+crackstrickpopupwindow-crackstrickpopupdiv) / 2;
jQuery("#crackstrickpopup").animate({opacity: "1", left: "0" , left: crackstrickpopupleft}, 0).show();
jQuery("#crackstrickpopupclose").click(function() {
jQuery("#crackstrickpopup").animate({opacity: "0", left: "-5000000"}, 1000).show();});});
</script>
<div id="crackstrickpopup">
<h1>Join Us On Facebook</h1>
<div class="crackstrickpopupdata"><iframe src="http://facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fcrackstrick&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>
<div id="crackstrickpopupfooter">Please Wait <span>10</span> Seconds...!!!<a href="#" id="crackstrickpopupclose" onclick="return false;">Skip</a></div></div>
<!-- Facebook POPUP LikeBox With Timer Code End -->
Customization:<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>
<style type='text/css'>
#crackstrickpopup{background-color:#fff;position: fixed;top:50%;z-index:9999;display:none;padding:0px;left:50%;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;margin-left:-200px;margin-top:0px;overflow:hidden;}#crackstrickpopup span{font-size:20px !important;font-weight:bold !important;}#crackstrickpopup h1{background:#6d84b4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwE0dR8TcaDAgWbjkv7qOtMPZuQi2jALGD-B1AIxB7EhQibViCuoNgsN9x_2UzAVAfF6-_10vc3E64ByLuOyEIKiStZv1VAZTYjSqTgnVgTj4gUAdmvKDmfMqvCPxTSIk2OxhrTQhoqK0/s1600/aktechz-fb-lock.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;}.crackstrickpopupdata{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;}#crackstrickpopupfooter{text-align:left;background:#F2F2F2 !important;height:56px !important;padding:10px 10px 10px 10px !important;overflow:hidden !important;}#crackstrickpopupclose{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;}#crackstrickpopupclose:active{top:1px;left:1px;}</style>
<script type='text/javascript'>
jQuery(document).ready(function() {
function crackstrickpopupfunc() {
var sec = 10
var timer = setInterval(function() {
$("#crackstrickpopupfooter span").text(sec--);
if (sec == 0) {
$("#crackstrickpopup").fadeOut("slow");
clearInterval(timer);
}
},1000);
var crackstrickpopupwindow = jQuery(window).height();
var crackstrickpopupdiv = jQuery("#crackstrickpopup").height();
var crackstrickpopuptop = jQuery(window).scrollTop()+50;
jQuery("#crackstrickpopup").css({"top":crackstrickpopuptop});}
jQuery(window).fadeIn(crackstrickpopupfunc).resize(crackstrickpopupfunc)
//alert(jQuery.cookie('sreqshown'));
//var crackstrickpopupww = jQuery(window).width();
//var crackstrickpopupwww = jQuery("#crackstrickpopup").width();
//var crackstrickpopupleft = (crackstrickpopupww-crackstrickpopupwww)/2;
var crackstrickpopupleft = 500;
//var crackstrickpopupwindow = jQuery(window).height();
//var crackstrickpopupdiv = jQuery("#crackstrickpopup").height();
//var crackstrickpopuptop = (jQuery(window).scrollTop()+crackstrickpopupwindow-crackstrickpopupdiv) / 2;
jQuery("#crackstrickpopup").animate({opacity: "1", left: "0" , left: crackstrickpopupleft}, 0).show();
jQuery("#crackstrickpopupclose").click(function() {
jQuery("#crackstrickpopup").animate({opacity: "0", left: "-5000000"}, 1000).show();});});
</script>
<div id="crackstrickpopup">
<h1>Join Us On Facebook</h1>
<div class="crackstrickpopupdata"><iframe src="http://facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fcrackstrick&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>
<div id="crackstrickpopupfooter">Please Wait <span>10</span> Seconds...!!!<a href="#" id="crackstrickpopupclose" onclick="return false;">Skip</a></div></div>
<!-- Facebook POPUP LikeBox With Timer Code End -->
1.) Change Red Text According To Your Desired Time To Automatically Closed In Seconds.
2.) Change Blue Text With Your Facebook FanPage URL.
3.) Change Purple Text With Your POPUP Heading.
4.) Change Pink Text With Close Button Text.
5.) Save And Done.
0 comments:
Post a Comment