Tạo Popup Box Like Fanpage Facebook Hiển Thị Mỗi Lần Vào Website

Ở bài ngày hôm nay mình sẽ hướng dẫn các bạn, cách Tạo Pop Up Box Like Fan Page Facebook Hiển Thị Mỗi Lần Vào Website. Điều này cũng làm cho người dùng cảm thấy khó chịu tuy nhiên, với sự cài đặt hiển thị không quá luân phiên thì mình tin chắc người dùng cũng có thiện cảm với Pop Up Box Like Fan Page Facebook này, vì nó chỉ hiển thị 1 lần trong 1 tuần và có nút đóng lại nên sẽ không gây phiền phức quá lớn cho người dùng.


Còn về chức năng của việc Tạo Popup Box Like Fanpage Facebook Hiển Thị Mỗi Lần Vào Website này thì chắc ai cũng biết, nếu như bạn có một website có lượt truy cập lớn có nhiều người truy cập thì sẽ được một số lượng lớn người like fanpage.

Vậy làm thế nào để Tạo Popup Box Like Fanpage Facebook Hiển Thị Mỗi Lần Vào Website. Nào bây giờ chúng ta cùng nhau thực hiện để Tạo Popup Box Like Fanpage Facebook Hiển Thị Mỗi Lần Vào Website nhé!

Bước 1: Các bạn vào Bố Cục
Bước 2: Thêm tiện ích
Bước 3: Chọn HTML/Javascript


Bước 4: Copy đoạn code dưới đây
<style scoped='' type='text/css'> 
#fb-fanbox {display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;-webkit-transform:translateZ(0);}
#fb-boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}
#fb-boxview {background:#fff;border:8px solid #03a9f4;width:340px;height:230px;position:absolute;top:33%;left:37%;border-radius:3px;}
#fb-closebox {float:right;cursor:pointer;position:absolute;right:-1px;top:-2px;z-index:2;}
#fb-closebox:before {content:"CLOSE";padding:5px 8px;background:#03a9f4;color:#fff;font-weight:normal;font-size:10px;font-family:inherit;}
#fb-boxlink,#fb-boxlink a.visited,#fb-boxlink a,#fb-boxlink a:hover {color:#aaaaaa;font-size:9px;text-decoration:none;text-align:center;padding:5px;}
</style>
<script type='text/javascript'>
//<![CDATA[
jQuery.cookie = function (key, value, options) {
// Pengaturan 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(''));
}
// Dapatkan 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_facebook_box') != 'yes'){
$('#fb-fanbox').delay(3000).fadeIn('fast');
$('#fb-closebox, #fb-boxclose').click(function(){
$('#fb-fanbox').stop().fadeOut('fast');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fb-fanbox'>
<div id='fb-boxclose'>
</div>
<div id='fb-boxview'>
<div id='fb-closebox'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/ipctech&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border:none;overflow:hidden;width:339px;height:200px;'></iframe>
</div>
</div>
Bước 5: Thay đổi https://www.facebook.com/ipctech thành link fan page mà bạn muốn thu hút người hâm mộ.
Bước 6: Thay đổi các thông số theo ý thích của bạn
- delay 3000 : Trong đó 3000 là số giây hiển thị pop up khi khách viếng thăm website của bạn
- expires 7 : Số ngày lặp lại pop up đó, nếu hôm nay khách truy cập website, pop up sẽ hiện thị, tuy nhiên 7 ngày sao pop up sẽ hiển thị lại
Bước 7: Lưu lại và xem kết quả.

Trên đây mình đã hướng dẫn các bạn, cách Tạo Popup Box Like Fanpage Facebook Hiển Thị Mỗi Lần Vào Website. Hy vọng thủ thuật nhỏ này sẽ giúp bạn thêm được nhiều fan hâm hộ cho fan page của mình.

Chúc bạn may mắn!

Share on Google Plus

About Dat Nguyen

Hi! Mình là Bruce Wayne. Hiện tại thì mình đang quản lý trang IPC-TECH và một số sub-domain design từ blogspot. Mình yêu thích CNTT và muốn chia sẻ những gì mình biết đến với mọi người. Hãy comment dưới mỗi bài viết để chúng ta có thể hiểu nhau hơn. À... Nếu bài viết trên giúp ích được cho bạn thì hãy like và share để ủng hộ mình nha. ^^!

    Blogger Comment
    Facebook Comment

0 nhận xét:

Post a Comment