Facebook Like Box Widget Popup to your web site

Facebook is the good place to inform things to people who liked. when we share something it's visible to everyone that's why people are trying to get more likes to their Facebook page


 <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>  
 <!-- This script and many more are available free online at feederpath:http://www.feederpath.com -->  
 <style>  
 #fanback {  
 display:none;  
 background:rgba(0,0,0,0.8);  
 width:100%;  
 height:100%;  
 position:fixed;  
 top:0;  
 left:0;  
 z-index:99999;  
 }  
 #fan-exit {  
 width:100%;  
 height:100%;  
 }  
 #JasperRoberts {  
 background:white;  
 width:420px;  
 height:270px;  
 position:absolute;  
 top:58%;  
 left:63%;  
 margin:-220px 0 0 -375px;  
 -webkit-box-shadow: inset 0 0 50px 0 #939393;  
 -moz-box-shadow: inset 0 0 50px 0 #939393;  
 box-shadow: inset 0 0 50px 0 #939393;  
 -webkit-border-radius: 5px;  
 -moz-border-radius: 5px;  
 border-radius: 5px;  
 margin: -220px 0 0 -375px;  
 }  
 #TheBlogWidgets {  
 float:right;  
 cursor:pointer;  
 background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgwu-G_4DDrTJ1IBjQfZJix9iFrMg9SFIbj3ZAD6xwthEh3Y2IqJbcGYaIYvaRcI73eX7sQ66SQI1LJgtR8aECaNMNT_0wSOoXOAvrqw-AqL9IOemov4zdSJRF-QES7Qr7oZE1XX_2JKYQ/s1600/fanclose.png)repeat;  
 height:15px;  
 padding:20px;  
 position:relative;  
 padding-right:40px;  
 margin-top:-20px;  
 margin-right:-22px;  
 }  
 .remove-borda {  
 height:1px;  
 width:366px;  
 margin:0 auto;  
 background:#F3F3F3;  
 margin-top:16px;  
 position:relative;  
 margin-left:20px;  
 }  
 #linkit,#linkit a.visited,#linkit a,#linkit a:hover {  
 color:#80808B;  
 font-size:10px;  
 margin: 0 auto 5px auto;  
 float:center;  
 }  
 </style>  
 <script type='text/javascript'>  
 //<![CDATA[  
 jQuery.cookie = function (key, value, options) {  
 // key and at least value given, set cookie...  
 if (arguments.length > 1 && String(value) !== "[object Object]") {  
 options = jQuery.extend({}, options);  
 if (value === null || value === undefined) {  
 options.expires = -1;  
 }  
 if (typeof options.expires === 'number') {  
 var days = options.expires, t = options.expires = new Date();  
 t.setDate(t.getDate() + days);  
 }  
 value = String(value);  
 return (document.cookie = [  
 encodeURIComponent(key), '=',  
 options.raw ? value : encodeURIComponent(value),  
 options.expires ? '; expires=' + options.expires.toUTCString() : '', // use expires attribute, max-age is not supported by IE  
 options.path ? '; path=' + options.path : '',  
 options.domain ? '; domain=' + options.domain : '',  
 options.secure ? '; secure' : ''  
 ].join(''));  
 }  
 // key and possibly options given, get cookie...  
 options = value || {};  
 var result, decode = options.raw ? function (s) { return s; } : decodeURIComponent;  
 return (result = new RegExp('(?:^|; )' + encodeURIComponent(key) + '=([^;]*)').exec(document.cookie)) ? decode(result[1]) : null;  
 };  
 //]]>  
 </script>  
 <script type='text/javascript'>  
 jQuery(document).ready(function($){  
 if($.cookie('popup_user_login') != 'yes'){  
 $('#fanback').delay(20000).fadeIn('medium');  
 $('#TheBlogWidgets, #fan-exit').click(function(){  
 $('#fanback').stop().fadeOut('medium');  
 });  
 }  
 $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });  
 });  
 </script>  
 <div id='fanback'>  
 <div id='fan-exit'>  
 </div>  
 <div id='JasperRoberts'>  
 <div id='TheBlogWidgets'>  
 </div>  
 <div class='remove-borda'>  
 </div>  
 <iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?  
 href=http://www.facebook.com/yourfbpagename&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'  
 style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>  
 </div>  
 </div>  

change fbpagename to your Facebook page name

if you want to show wieght box  every time you refreshed the page delete this line   $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });

Change the 20 Second Time Delay
delay(20000)

change css as you like

You are done..
Facebook Like Box Widget Popup to your web site Facebook  Like Box Widget Popup to your web site Reviewed by Unknown on 10:05 PM Rating: 5
Powered by Blogger.