Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Facebook Popup like box cho website,blog

Chủ đề thuộc danh mục 'HTML - CSS - JS - PHP - ASP' được đăng bởi VictorSang, 20/10/13.

Lượt xem: 4,842

  1. VictorSang Banned

    Đây là một cách tuyệt vời để tăng like fan page cho blog hoặc website của bạn. Hiệu ứng này sẽ bật lên sau 30s và sau 7 ngày mới xuất hiện lại tránh gây phiền phức chi khách truy cập :P
    Hướng dẫn :
    Chèn code sau vào header hoặc footer (đối với wordpress)
    Code :
    PHP:
    <!----------FB like box----------->
    <
    script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
    <
    style>
    #fanback {
    display:none;
    background:rgba(0,0,0,0.8);
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:99999;
    }
    #fan-exit {
    width:100%;
    height:100%;
    }
    #fanbox {
    background:white;
    width:420px;
    height:270px;
    position:absolute;
    top:58%;
    left:63%;
    margin:-220px 0 0 -375px;
    -
    webkit-box-shadowinset 0 0 50px 0 #939393;
    -moz-box-shadowinset 0 0 50px 0 #939393;
    box-shadowinset 0 0 50px 0 #939393;
    -webkit-border-radius5px;
    -
    moz-border-radius5px;
    border-radius5px;
    margin: -220px 0 0 -375px;
    }
    #fanclose {
    float:right;
    cursor:pointer;
    background:url(http://vietmaytinh.com/imgs/fanclose.png) repeat;
    height:15px;
    padding:20px;
    position:relative;
    padding-right:40px;
    margin-top:-20px;
    margin-right:-22px;
    }
    .
    remove-borda {
    height:1px;
    width:366px;
    margin:0 auto;
    background:#F3F3F3;
    margin-top:16px;
    position:relative;
    margin-left:20px;
    }
    #linkit a.visited,#linkit a,#linkit a:hover {
    color:#80808B;
    font-size:10px;
    margin0 auto 5px auto;
    float:center;
    }
    </
    style>
     
     
    <
    script type='text/javascript'>
    //<![CDATA[
    jQuery.cookie = function (keyvalueoptions) {
     
    // key and at least value given, set cookie...
    if (arguments.length && String(value) !== "[object Object]") {
    options jQuery.extend({}, options);
     
    if (
    value === null || value === undefined) {
    options.expires = -1;
    }
     
    if (
    typeof options.expires === 'number') {
    var 
    days options.expiresoptions.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 
    resultdecode 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_user_login') != 'yes'){
    $(
    '#fanback').delay(30000).fadeIn('medium');
    $(
    '#fanclose, #fan-exit').click(function(){
    $(
    '#fanback').stop().fadeOut('medium');
    });
    }
    $.
    cookie('popup_user_login''yes', { path'/'expires});
    });
    </
    script>
     
    <
    div id='fanback'>
    <
    div id='fan-exit'>
    </
    div>
    <
    div id='fanbox'>
    <
    div id='fanclose'>
    </
    div>
    <
    div class='remove-borda'>
    </
    div>
    <
    iframe allowtransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?
     
    href=http://www.facebook.com/vietmaytinh&width=402&height=255&colorscheme=light&show_faces=true&show_border=false&stream=false&header=false'
     
    style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'></iframe>
    </
    div>
    </
    div>
    Thay đổi link facebook : http://www.facebook.com/vietmaytinh
    Sau 30s like box sẽ hiện ra. Nếu bạn muốn thay đổi thời gian này :
    Code:
    .delay(30000)
    1s = 1000
    mặc định facebook like box chỉ xuất hiện lần đầu tiên khi truy cập trang web. Và sau 7 ngày mới xuất hiện lại. Nếu bạn muốn hiện ra khi mỗi lần tải trang , thì loại bỏ dòng mã này:
    $.cookie('popup_user_login', 'yes', { path: '/', expires: 7 });
    [​IMG]
    Các bạn có thể xem demo tại đây : http://vietmaytinh.com

    ...
    mgr thích bài viết này
  2. Long Trần Quốc

    Long Trần Quốc Thành viên cấp 1

    Có Cách Nào cho nó thành Youtube ko nhỉ

Ủng hộ diễn đàn