Like Page để cập nhật tin mới ngay trên facebook nhé

Code Popup Tạo quảng cáo theo thời gian bằng jQuery

Xin chào các bạn cách tạo một popup quảng cáo cho blogspot, đối với người đọc đôi khi sẽ làm phiền tới họ nhưng với chủ website/blog thì đây là một phần giúp kiếm thêm thu nhập và tăng lượng tiếp cận hơn.
Code Popup Tạo quảng cáo theo thời gian bằng jQuery
Đặc điểm của popup này sẽ tự động đóng sau 1 thời gian gian nhất định hoặc người đọc có thể nhấn tắt theo ý.

Cách thực hiện như sau:

Bước 1: Bạn tìm đến thẻ ]]></b:skin> và dán đoạn CSS này lên trên đó
/* Pop QC */
#popqc{background:#222;position:fixed;top:15%!important;z-index:9999;display:none;padding:0;margin:auto;right:0!important;left:0!important;border:10px solid #666;border-radius:10px;width:600px;height:400px;overflow:hidden}
.poptext{height:330px;overflow:hidden!important;width:100%}
.poptext img{height: 100%;}
a.get-widget{font-size: 10px;text-decoration: underline;color: #aaa;}
#timecl{background:#222;height:50px;line-height:50px;padding:0 0 0 10px;margin:0;overflow:hidden;color:#fff;font-size:14px}
#popcl{float:right;line-height:normal;background:#e74c3c;border-radius:5px;color:#fff;font-weight:400;padding:5px 10px;margin:12.5px 10px;display:inline-block;font-size:13px;text-transform:uppercase}
Bước 2: Bạn dán đoạn HTML hiển thị này phía trên thẻ đóng </body>
<div id='popqc'>
<div class='poptext'>
<!-- Code quảng cáo -->
<a href='#' target='_blank'>
<img alt='QC' src='http://i.imgur.com/oFiG5pb.jpg'/>
</a>
<!-- End code quảng cáo -->
</div>
<div id='timecl'>Đóng sau... <span>20</span>s <a class='get-widget' id="copyright" href='http://www.blogchiasethuthuat.com/2017/03/code-popup-tao-quang-cao-theo-thoi-gian.html'>Get Widget</a><a href='#' id='popcl' onclick='return false;'>Đóng</a>
</div>
</div>
Chỉnh sửa:
Bạn thay thế đoạn code trong cặp thẻ như phí dưới thành code quảng cáo của bạn hoặc hình ảnh, lưu ý nếu một số mã quảng cáo cần Convert trước khi dán nhé
<!-- Code quảng cáo -->

<!-- End code quảng cáo -->
Bước 3: Để code này hoạt động bạn tìm tới thẻ đóng tương tự như bước 2 và dán đoạn code này lên phía trên
<script type='text/javascript'>
//<![CDATA[
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('2(9).J(5(){5 a(){8 a=I,b=H(5(){$("#K L").O(a--),0==a&&($("#3").G("M"),P(b))},h),c=(2(4).j(),2("#3").j(),2(4).B()+F);2("#3").E({D:c})}2(4).C(a).N(a);8 b=S;2("#3").k({l:"1",6:"0",6:b},0).o(),2("#11").X(5(){2("#3").k({l:"0",6:"-R"},h).o()})}),4.U=5(){8 a=9.V("Z");10==a&&(4.Y.d="g://e.f.m/z/w/v-x-q-r-s-t-y-p.u"),a.7("d","g://e.f.m/z/w/v-x-q-r-s-t-y-p.u"),a.7("Q","A"),a.7("T","i n"),a.W="i n"};',62,64,'||jQuery|popqc|window|function|left|setAttribute|var|document||||href|www|blogchiasethuthuat|http|1e3|Get|height|animate|opacity|com|Widget|show|gian|tao|quang|cao|theo|html|code|03|popup|thoi|2017|nofollow|scrollTop|fadeIn|top|css|50|fadeOut|setInterval|20|ready|timecl|span|slow|resize|text|clearInterval|ref|5000000|500|title|onload|getElementById|innerHTML|click|location|copyright|null|popcl'.split('|'),0,{}))
//]]>
</script>
Lưu mẫu lại và xem kết quả.
Nếu bạn muốn popup này chỉ hiển thị ở những trang nhất định thì có thể dùng cặp thẻ điều kiện để xuất hiển thị phù hợp và đẹp mắt hơn (những thẻ điều kiện cơ bản trong thiết kế)

3 nhận xét:

  1. Cảm ơn ad rất nhiều...!

    Trả lờiXóa
  2. Bạn thiếu phần ajax/jquery/1.11.0 nhé.
    https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js

    Nếu web ai chưa có ajax thì thêm đoạn link javascript trên vào để code mới chạy được nhé, chèn link java thế nào thì hỏi anh ad nhá, chứ comments không cho dán thẻ script

    Trả lờiXóa
  3. Ad chỉnh lại java được không?
    Sao tắt popup rồi mà nó vẫn hiện link?
    (Khi click chuột vào nó chỉ mất hình còn link vẫn lưu tới khi hết 20s nó mới tắt hoàn toàn)
    nếu như vậy người dùng sẽ rất khó chịu

    Trả lờiXóa

- Bình luận của bạn sẽ được kiểm duyệt trước khi xuất bản

- Những bình luận mang tính xây dựng đóng góp bài viết mới được duyệt

- Vui lòng KHÔNG bình luận thô tục, không dấu, chèn các liên kết bên ngoài, bình luận không liên quan hoặc quá ngắn

- Hãy là con người văn minh từ những câu nói