Thêm facebook fanpage cho blogger dạng lingtbox 1 lần

Thêm Facebook fanpage dạng lightbox xuất hiện một lần vào Blogger

1. Đăng nhập vào Blogger >> Mẫu >> Bố cục

Thêm Facebook fanpage dạng lightbox có lặp lại vào Blogger

2. Tiếp tục chọn vào Thêm tiện ích >> HTML/Javascript và dán vào đoạn mã sau bỏ trống tiêu đề

<style>
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;z-index: 99999;}
#colorbox{padding-bottom: 0px; padding-right: 0px; display: block; width: 447px !important; height: 272px !important; top: 200px !important; left: 300px !important; position: fixed; z-index: 99999;}
#cboxMiddleLeft{float: left;height: 299px !important;}
#cboxWrapper{height: 270px !important;width: 450px !important;top: 5px;position: relative;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxContent{float: left;width: 450px !important;height: 255px !important;}
#cboxClose{cursor: pointer; float: right; background-image: url(https://googledrive.com/host/0B8D3MQmcZTyvd0ZIMWtvT1BkQ1k); height: 30px; width: 0px; padding-left: 0px; padding-right: 31px; position: fixed; margin-top: 5px; margin-right: 30px; text-indent: 100%; background-repeat: space; display: block; margin-left: 380px;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#cboxOverlay{background:#000;opacity:0.5 !important;pointer-events: none;}
#cboxLoadedContent{width: 450px !important;height: 285px !important;position: fixed;}
#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;}
#subscribe{padding: 10px;height: 233px;width: 375px;margin-top: 20px;background-color: white;}
</style>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="https://googledrive.com/host/0B8D3MQmcZTyvc0tSUVBIZzFld0E"></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:"450px", inline:true, href:"#subscribe"});
       }
});
</script>
<div style='display:none'>
<div id='subscribe'>
<center>
<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2FKslZone&amp;width=400&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=255" style="height: 260px;overflow: hidden;width: 396px;margin-left: -10px;margin-top: -11px;">
</iframe>
</center>
</div>
</div>

Mặc định bên trên lightbox sẽ xuất hiện mỗi 30 ngày, về số 1000 bạn không cần phải quan tâm, các con số bạn cần quan tâm là 30 là số ngày, 24 là giờ, 60 là phút, 60 là giây. Đấy là thời gian xuất hiện tại của lightbox, bạn có thể tùy chỉnh lại cho phù hợp với webstie/blog của mình.

4. Thay đổi KslZone thành Fanpage của bạn, và Lưu lại.

Hi vọng lightbox này giúp các bạn có thêm fan cho Facebook page của mình.