Tuesday, August 6, 2013

Popup Facebook Like Widget For Blog

Facebook Popup Like Box Code For Website or Blog

 

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.


Code :-

—————————————————————————————–
<!– 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’>
#exepopup{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;}#exepopup span{font-size:20px !important;font-weight:bold !important;}#exepopup h1{background:#6d84b4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgvLs7L9myuHogkSDkCKhGzJHMcqZ7jvIpGbJUcv53xU7CE_TBV5T9gcuDtVBNb4sVLG1KnOvnWG__M7_ZiW-U7UgRu7U86ZE0vKp9hDNUl-yi4Rr4e4Fs2jazhojq8U7KqX5I7FMeSlY/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;}.exepopupdata{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;}#exepopupfooter{text-align:left;background:#F2F2F2 !important;height:56px !important;padding:10px 10px 10px 10px !important;overflow:hidden !important;}#exepopupclose{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;}#exepopupclose:active{top:1px;left:1px;}</style>
<script type=’text/javascript’>
jQuery(document).ready(function() {
function exepopupfunc() {
var sec = 30
var timer = setInterval(function() {
$(“#exepopupfooter span”).text(sec–);
if (sec == 0) {
$(“#exepopup”).fadeOut(“slow”);
clearInterval(timer);
}
},1000);
var exepopupwindow = jQuery(window).height();
var exepopupdiv = jQuery(“#exepopup”).height();
var exepopuptop = jQuery(window).scrollTop()+50;
jQuery(“#exepopup”).css({“top”:exepopuptop});}
jQuery(window).fadeIn(exepopupfunc).resize(exepopupfunc)
//alert(jQuery.cookie(‘sreqshown’));
//var exepopupww = jQuery(window).width();
//var exepopupwww = jQuery(“#exepopup”).width();
//var exepopupleft = (exepopupww-exepopupwww)/2;
var exepopupleft = 500;
//var exepopupwindow = jQuery(window).height();
//var exepopupdiv = jQuery(“#exepopup”).height();
//var exepopuptop = (jQuery(window).scrollTop()+exepopupwindow-exepopupdiv) / 2;
jQuery(“#exepopup”).animate({opacity: “1″, left: “0″ , left: exepopupleft}, 0).show();
jQuery(“#exepopupclose”).click(function() {
jQuery(“#exepopup”).animate({opacity: “0″, left: “-5000000″}, 1000).show();});});
</script>
<div id=”exepopup”>
<h1>Plese Like Jitendra Sharma And Join With US</h1>
<div><iframe src=”http://facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fjitendrasharma222&amp;width=400&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23fff&amp;stream=false&amp;header=false&amp;height=250″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:400px; height:250px;” allowtransparency=”true”></iframe></div>
<div id=”exepopupfooter”>Please Wait <span>30</span> Seconds…!!!<a href=”#” id=”exepopupclose” onclick=”return false;”>Skip</a></div></div>
<!– Facebook POPUP LikeBox With Timer Code End –>
—————————————————————————————–

Before Submit in your blog or website please edit colored area from this code

Red – You Can edit your waiting time for popup window

Blue – Edit text with your name or just you like

Green – Edit with your Facebook page name

2 comments:

Web Resource

Total Pageviews

Copyright Design jitu it's222. Powered by Blogger.

Text Widget