Tạo hộp Facebook PopUp like box tự đóng theo thời gian

Đăng bởi Admin | 12/8/13 | 0 nhận xét

Hôm nay Namkna chia sẻ một phiên bản khác với các tùy chọn kiểm soát nhiều hơn. Thủ thuật này bao gồm một bộ đếm thời gian tự đóng thay vì bấm nút close thủ công. likebox sẽ hiển thị một button liên kết đến trang Fan Page trên facebook của bạn và một hình ảnh hấp dẫn liên kết vào trang fanpage của bạn, cho phép độc giả của bạn tham gia vào trang fanpage bằng cách nhấn vào nút like hoặc truy cập fanpage của bạn bằng cách nhấp vào hình ảnh. Bạn có thể thiết lập thời gian bao lâu các widget/plugin phải hiển thị trước khi biến mất tự động.

Bạn cũng có thể cài đặt nó hiển thị ngay lập tức sau khi độc giả truy cập vào trang web của bạn hoặc sau một thời gian quy định. Mã JavaScript này được tạo ra bởi kakiheboh gọi là "LikeBox FB fanpage Pro" và namkna chỉ đơn giản là thay đổi mã để tạo ra nền tảng khác nhau cho các likebox. Việc cài đặt rất dễ dàng chỉ cần làm theo các bước sau. Điều này tương đối tải nhanh hơn so với trước facebook blogger widget chúng ta xuất bản cho đến nay.

XEM DEMO

Ảnh minh họa:

THêm  Facebook PopUp Like Box vào blogger!

Lưu ý quan trọng: Tiện ích tự động đóng sau một thời gian định trước, để không gây phản cảm và bực tức cho độc giả đừng nên để thời gian xuất hiện của like box quá lâu. Chỉ nên để tối đa 20 giây. Tất nhiên bạn có thể để lâu hơn tùy ý nhưng coi chừng sẽ bị phản tác dụng và dislike vì làm độc giả phiền lòng.

1- Đăng nhập vào  Blogger
2- Chọn mẫu (Template)
3- Chọn chỉnh sửa HTML HTML (Edit HTML)
4- Dán đoạn code sau vào trước thẻ </body>

<!-- http://namkna.blogspot.com/ Likebox Pro FBFan Code Start -->
<script type='text/javascript'>
//<![CDATA[
KNFBFansPRO='namkna.blogspot'
//]]>
</script>
<style>
#fblikepop{background-color:#fff;display:none;position:fixed;top:200px;_position:absolute; /* hack for IE 8*/width:450px;border:10px solid #900000;z-index:200;-moz-border-radius: 9px;-webkit-border-radius:

9px;margin:0pt;padding:0pt;color:#900000;text-align:left;font-family:arial,sans-serif;font-size:13px;
}
#fblikepop body{background:#FFF none repeat scroll 0%;line-height:1;margin:0pt;height:100%;
}
.fbflush{cursor:pointer;font-size:11px !important;color:#FFF !important;text-decoration:none !important;border:0 !important;
}
#fblikebg{display:none;position:fixed;_position:absolute; /* hack for IE 8*/height:100%;width:100%;top:0;left:0;background:#000000;z-index:100;
}
#fblikepop #closeable{float:right;margin:7px 15px 0 0;
}
#fblikepop h1{background:#900000 none repeat scroll 0 0;border-top:1px solid #900000;border-left:1px solid #900000;border-right:1px solid #900000;color:#FFFFFF !important;font-size:14px !important;font-

weight:normal !important;padding:5px !important;margin:0 !important;font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
}
#fblikepop #actionHolder{height:30px;overflow:hidden;}
#fblikepop #buttonArea{background:#FFFFFF;border-top:1px solid #9000000;padding:10px;minCCCCCCght:50px;
}
#fblikepop #buttonArea a{color:#999999 !important;text-decoration:none !important;border:0 !important;font-size:10px !important;
}
#fblikepop #buttonArea a:hover {color:#900000 !important;text-decoration:none !important;border:0 !important;
}
#fblikepop #popupMessage{font-size:12px !important;font-weight:normal !important;line-height:22px;padding:8px;background:#333 !important;
}
#fblikepop #counter-display{float:right;font-size:11px !important;font-weight:normal !important;margin:5px 0 0 0;text-align:right;line-height:16px;
}
</style>
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js'></script>
<script type='text/javascript' src='http://connect.facebook.net/en_US/all.js#xfbml=1'></script>
<script type='text/javascript' src='http://dl.dropbox.com/u/66256041/popup/namkna.blogspot.con/fbpopup1.js'></script>
<script language='javascript'>
//<![CDATA[
$(document).ready(function(){
$().KNFBFansPRO({
timeout: 30,
wait: 0,
url: 'http://www.facebook.com/namkna.blogspot',
closeable: true });
});
//]]>
</script>
<div id='fbtpdiv'></div>
<!-- http://namkna.blogspot.com/ Likebox Pro FBFan Code End -->

Tùy chỉnh:

• Thay thế này namkna.blogspot thành tên truy nhập Facebook của bạn. Bạn có thể xem hình dưới để rõ hơn.
  
• timeout: 30, Popup tự đóng sau 30 giấy, để thay đổi nó chỉ cần chỉnh sửa thời gian chờ:30 Như mình lưu ý từ đầu thời gian này không nên để quá lâu sẽ ảnh hưởng đến người đọc và phản tác dụng. Hãy khôn khéo trong viecj áp dụng các tiện ích loại này.
• wait: 0, Các widget xuất hiện ngay lập tức sau khi truy cập.  Nếu bạn muốn nó xuất hiện sau một phút hoặc nhiều hơn chỉnh sửa số: 0. Bạn có thể để like bõ xuất hiện sau kho dộc giả truy cập bài viết khoảng 30 giây. không nên lâu quá vì rất có thể độc giả đã chuyển sang trang khác.
• Bạn có thể thay đổi màu nền bằng cách chỉnh sửa CSS Code
• Thay đổi ảnh nền bạn tải file  fbpopup1.js về máy (tại đây hoặc tại đây) sau đó mở lên bằng notepad và tìm file ảnh 
  

  https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjffSuzohxzZQxCxGu1_Y7W3KMwbapz9nS-C5Qc2FYg22hScXQStOHG3kC6n3-H3UziSi8PSYHjqOCCOV2GW004OUgEi09Qhn0-csPw8ehLUWIuLX08TCEdyhyphenhyphenAC7X0AiL1QBY2t_AaEB0/s1600/fb-namkna-blogspot-com.png 

  - Và thay thế bằng file ảnh của bạn.sau đó Upload lên host riêng để dùng lâu dài nha. )Nếu chưa có host thì có thể xem bài này nha.
• Một số hình ảnh cho bạn chọn. Bấm vào hình để tải về máy Upload lên blog để lấy ảnh nha.
  
  
  
  
  
  
                                                                                                         Nguồn: Namkna
                                                                                                         Thu thuat vi tinh