CODE CHÈN VÀO TIỆN ÍCH
<style>- Thay https://www.facebook.com/startruongit/ thành link fanpage muốn hiển thị.
#fbox-background {
display: none;
background: rgba(0,0,0,0.8);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 99999;
}
#fbox-close {
width: 100%;
height: 100%;
}
#fbox-display {
background: #eaeaea;
border: 5px solid #3a5795;
width: 340px;
height: 230px;
position: absolute;
top: 32%;
left: 37%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#fbox-button {
float: right;
cursor: pointer;
position: absolute;
right: 0px;
top: 0px;
}
#fbox-button:before {
content: "CLOSE";
padding: 5px 8px;
background: #3a5795;
color: #eaeaea;
font-weight: bold;
font-size: 10px;
font-family: Tahoma;
}
#fbox-link,#fbox-link a.visited,#fbox-link a,#fbox-link 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) {
// 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_facebook_box') != 'yes'){
$('#fbox-background').delay(5000).fadeIn('medium');
$('#fbox-button, #fbox-close').click(function(){
$('#fbox-background').stop().fadeOut('medium');
});
}
$.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7 });
});
</script>
<div id='fbox-background'>
<div id='fbox-close'>
</div>
<div id='fbox-display'>
<div id='fbox-button'>
</div>
<iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
href=https://www.facebook.com/startruongit/&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
<div id="fbox-link">Powered by <a style="padding-left: 0px;" href="http://www.startruongit.net" rel="nofollow">Star Trường IT</a></div>
</div>
</div>
- Theo mặc đinh popup chỉ xuất hiện khi người dùng truy cập lần đầu tiên vào blog, nếu muốn nó xuất hiện mỗi lần tải trang thì xóa đoạn code $.cookie('popup_facebook_box', 'yes', { path: '/', expires: 7}); đi.
- Chúc Bạn Thành Công
Share this
Related Posts
Code làm chữ 7 màu khi rê chuột vào Link cho Blogspot- Các bạn xem ảnh DEMO nha. Hiệu ứng này giúp Blog của bạn trở nên sinh động hơn. Sau đây
Cách lấy toàn bộ dữ liệu (DATA) của BlogspotTrước tiên chúng ta cần phải hiểu DATA - nó là dữ liệu bài đăng của blogspot cung cấp - R
Công cụ chuyển đổi mã quảng cáoCông cụ tiện dụng này sẽ tự động chuyển đổi mã quảng cáo javascript vào đúng định dạng, d
Nút download đẹp cho Blogspot- Bộ nút download sẽ làm cho blog bạn thêm sinh động và đẹp hơn. Sau đây mình sẽ hướng dẫ