Facebook Twitter Google RSS

Code Popup Like Fanpage Facebook đẹp cho Blogspot

Code hiển thị Popup Like Fanpage Facebook tác dụng của code là hướng người dùng tương tác nhiều hơn và tăng lượng like fanpage của bạn. 
Code sẽ hiển thị popup khung like fanpage trên trang chủ của bạn khi người dùng lướt chuột xuống phía dưới khá hay khi người dùng tương tác.
Thêm một điểm đặc biệt nữa của code này là nó sẽ không hiển thị khi người dùng đã click dù thích hay không thích chỉ là tắt bỏ khung popup nó chỉ hiển thị 1 lần duy nhất và không hiển thị lại nữa. Điều này sẽ khiến người dùng không cảm thấy khó chịu khi truy cập lại web vào lần sau.

Giao diện hiển thị của code sẽ như hình dưới:


Sau đây là toàn bộ code bao gồm thư viện jquery + css + html
Code:
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
<style>
#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: #0404e4;
    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/ebook.tuyetvan.net&amp;width=402&amp;height=255&amp;colorscheme=light&amp;show_faces=true&amp;show_border=false&amp;stream=false&amp;header=false'
style='border: none; overflow: hidden; background: #fff; width: 339px; height: 200px;'></iframe>
  <div id="fbox-link">Hãy nhấn <a style="padding-left: 0px;" href="https://www.facebook.com/ebook.tuyetvan.net" rel="nofollow">"Thích"</a> để cập nhật ebook mới.</div>
</div>
</div>


Chỉnh sửa nội dung và thay đoạn bôi đỏ bên trên thành link Fanpage facebook của các bạn
Cách chèn vào blog bạn nên chèn đoạn code này bên trên thẻ
sẽ khiến blog của bạn load mượt mà hơn là để ở đầu trang.
Nếu có gì không hiểu vui lòng comment bên dưới để được hỗ trợ

Giới thiệu:


Chào mừng bạn đến với wesite. Hi vọng bạn sẽ tìm thấy nhiều điều thú vị ở đây.
Xem trang cá nhân của tôi →

1 nhận xét:

  1. sao chèn link page của mình vào lại không được hả b ???

    Trả lờiXóa

ARCHIVE

Pageview

© 2016 blog.tuyetvan.net. Theme by Bloggertheme9. Powered by Blogger.