[Blogger] Popup Quảng cáo giữa màn hình cho website, blogspot kiểu 1

  • Ông Sói
    Với kiểu popup quảng cáo kiểu 1 này nó sẽ hiển thị mỗi khi bạn vào trang website, blogspot của bạn


    - Bước 1: Để ý website của bạn xem có đoạn jquery nào chưa nếu chưa thêm đoạn sau jquery sau vào trên thẻ </head> trong template blogspot cần hiên quảng cáo.



    Code:
    <script src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js'/>



    Thông thường thì template blogspot nào cũng có đoạn jquery rồi. nên các bạn để ý kỹ nếu không có mý thêm vào không nó sẽ bị xung và không hoạt động. 

    Bước 2: thêm đoạn code dưới trên thẻ </body> 

    Code:
    <style>
    #qc-popup {display:none;background:rgba(0,0,0,0.9);width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999;}
    #boxclose {width:100%;height:100%;-webkit-transform:translateZ(0);}
    #boxview {background:#fff;border:8px solid #fff;max-width:600px;position:absolute;top:20%;left:28%;}
    #closebox {float:right;cursor:pointer;position:absolute;right:-1px;top:-2px;    z-index: 99999;}
    #closebox:before {font-family: FontAwesome;content:"\f00d";padding:5px 8px;background:#fff;color:#2c3e50;font-weight:normal;font-size:14px;}
    #boxlink,#boxlink a.visited,#boxlink a,#boxlink a:hover {color:#aaaaaa;font-size:9px;text-decoration:none;text-align:center;padding:5px;}
    #qc-box {max-width:600px;}
    #qc-box img {width:100%}
    </style>
    <script type='text/javascript'>
    //<![CDATA[
    jQuery.cookie=function(key,value,options){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():'',options.path?'; path='+options.path:'',options.domain?'; domain='+options.domain:'',options.secure?'; secure':''].join(''));}
    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'){$('#qc-popup').delay(2500).fadeIn('fast');$('#closebox, #boxclose').click(function(){$('#qc-popup').stop().fadeOut('fast');});}});
    </script>
    <div id='qc-popup'>
    <div id='boxclose'>
    </div>
    <div id='boxview'>
    <div id='closebox'>
    </div>
    <div id='qc-box'>
      <a href="#LINK">
    <img src='https://lh4.googleusercontent.com/-2aKmhvPDklA/VpcDPUrszFI/AAAAAAAAAfY/c-I1HJPw7Zc/s1600/thiet-ke-template-blogspot-ban-hang.jpg' width='100%'/></a>
    </div>
    </div>
    </div>


    Thay đôi như sau:
    - Thay #LINK thành link liên kết quảng cáo
    - Link ảnh sau src thành Link ảnh bạn cần quảng cáo
    - max-width:600px thành kích thước chiều rộng quảng cáo phù hợp mà bạn muốn

    Xong những chương trình khuyến mãi bạn có thể xóa đi, hoặc thay ảnh để đôi các chương trình khuyến mãi khác.

    Chúc các bạn thành công trong công việc và cuộc sống!



    theo : sharetemplateseo.com

  • Admin
    có lưu lịch sử không em. cái này cứ mở trang mới lại hiện à. a muốn hiện 1 lần thì phải làm sao


    --Chữ ký--
    www.danganhviet.com


    • - Tránh đặt tiêu đề các dạng như: Giúp em với, Code này hay nè, Vào xem nè anh em,...
      - Đăng bài phải có ảnh demo hoặc viết mô tả rõ ràng, code phải bỏ vào khung code
      - Không comment vô nghĩa, không spam, không chữi tục, không post link độc hại, không hide bài viết
      - Hạn chế viết tắt, viết chữ màu, chữ to, chữ in đậm
  • lasperpen
    3. Re: [Blogger] Popup Quảng cáo giữa màn hình cho website, blogspot kiểu 1
    avatar ADM
    có đoạn js cookie rồi nên xóa lịch sửa mới hiện lại


    --Chữ ký--
    Khách viếng thăm nhìn cưng vậy cho hun cái coi Smile
  • Ông Sói
    @Admin đã viết:có lưu lịch sử không em. cái này cứ mở trang mới lại hiện à. a muốn hiện 1 lần thì phải làm sao

    cái này em thua , code e cop trên mạng ấy

  • huyvip83
    link demo đâu


    --Chữ ký--
    Thà làm thằng member thường, còn hơn làm thằng Mod bất đắc dĩ

    Ghé thăm forum chơi nào bạn: http://thainguyennews.forumvi.com
  • Ông Sói
    yêu cầu band nó gấp vì cứ cmt nhảm như thế này nhé !


    --Chữ ký--
      cười lăng lộn ĐẸP TRAI NHẤT HOTROFM.NET  Very Happy


    - Tổng hợp Codes và Tuts cho forumotion tại hotrofm.net
    - Tổng hợp Skins tại hotrofm.net
  • Sponsored content

Thông tin tác giả
avatar
MOD
Bài viết :
110
Points :
206
Like :
40
PhpBB3
An toàn
Status :
Cu To
Xem lý lịch thành viên
Thông tin tác giả
avatar
ACP
Bài viết :
329
Points :
636
Like :
106
Punbb
Quản trị
Status :
test
Xem lý lịch thành viên http://hotrofm.forumvi.com
Thông tin tác giả
avatar
ADM
Bài viết :
193
Points :
393
Like :
142
PhpBB3
Quản trị
Status :
Hồi xưa mình đẹp trai lắm...Bây giờ đỡ nhiều rồi
Xem lý lịch thành viên http://www.hotrofm.net/u4
Thông tin tác giả
avatar
MOD
Bài viết :
110
Points :
206
Like :
40
PhpBB3
An toàn
Status :
Cu To
Xem lý lịch thành viên
Thông tin tác giả
avatar
MEM LV3
Bài viết :
226
Points :
371
Like :
65
Punbb
Cẩn thận
Xem lý lịch thành viên
Thông tin tác giả
avatar
MOD
Bài viết :
110
Points :
206
Like :
40
PhpBB3
An toàn
Status :
Cu To
Xem lý lịch thành viên
Thông tin tác giả
Sponsored content
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết