Chia sẻ code popup thông báo khi người dùng sử dụng Adblocker

Vô tình vào thấy cái này trên Duy Blogs, vừa đơn giản lại vừa đẹp nên mang về cho anh em xài luôn =))

Các bước thực hiện

Bước 1: Thêm đoạn CSS này vào phía trên trên thẻ ]]></b:skin>
#unblocker{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:.98000001907349;display:block;z-index:9999;overflow:hidden}
#unblocker p{color:#666;text-align:center;margin:15% auto;font-size:1.5rem;max-width:750px;display:table;line-height:1.5;padding:10px;}
#unblocker p:before{font-family:fontawesome;text-align:center;padding:0;font-weight:400}
#unblocker p:before{content:'\f023';background:#1DBF69;color:#fff;display:block;width:2em;height:2em;line-height:2em;font-size:2.5rem;clear:both;border-radius:100%;margin:0 auto 3%}
#unblocker p:hover:before{content:'\f13e'}
#unblocker p a,#unblocker p i{font-size:15px}
#unblocker p a,#unblocker p i{font-size:15px}
#unblocker ~ *{display:none}
Bước 2: Thêm đoạn Javascript này vào phía trên thẻ </head>
<script>
//<![CDATA[
var mql = window.matchMedia('screen and (min-width: 0em)');if (mql.matches){
(function(w,u){var d=w.document,z=typeof u;function unblocker(){function c(c,i){var e=d.createElement('div'),b=d.body,s=b.style,l=b.childNodes.length;if(typeof i!=z){e.setAttribute('id',i);s.margin=s.padding=0;s.height='100%';l=Math.floor(Math.random()*l)+1}e.innerHTML=c;b.insertBefore(e,b.childNodes[l-1])}function g(i,t){return !t?d.getElementById(i):d.getElementsByTagName(t)};function f(v){if(!g('unblocker')){c('<p>Vui lòng tắt plugin chặn quảng cáo và tải lại trang! Xin cảm ơn.<br/>Please disable your Adblocker to access this site! Thanks.</p>','unblocker')}};(function(){var a=['ad','ads','adsense'],l=a.length,i,s='',e;for(i=0;i<l;i++){if(!g(a[i])){s+='<a id="'+a[i]+'"></a>'}}c(s);l=a.length;setTimeout(function(){for(i=0;i<l;i++){e=g(a[i]);if(e.offsetParent==null||(w.getComputedStyle?d.defaultView.getComputedStyle(e,null).getPropertyValue('display'):e.currentStyle.display)=='none'){return f('#'+a[i])}}},250)}());(function(){var t=g(0,'img'),a=['/adsales/ad','/adsenceSearch.','/adtools2.','/adv2.','/partner_ads_','_ads.html','.468x60-'],i;if(typeof t[0]!=z&&typeof t[0].src!=z){i=new Image();i.onload=function(){this.onload=z;this.onerror=function(){f(this.src)};this.src=t[0].src+'#'+a.join('')};i.src=t[0].src}}());(function(){var o={'http://pagead2.googlesyndication.com/pagead/show_ads.js':'google_ad_client'},S=g(0,'script'),l=S.length-1,n,r,i,v,s;d.write=null;for(i=l;i>=0;--i){s=S[i];if(typeof o[s.src]!=z){n=d.createElement('script');n.type='text/javascript';n.src=s.src;v=o[s.src];w[v]=u;r=S[0];n.onload=n.onreadystatechange=function(){if(typeof w[v]==z&&(!this.readyState||this.readyState==="loaded"||this.readyState==="complete")){n.onload=n.onreadystatechange=null;r.parentNode.removeChild(n);w[v]=null}};r.parentNode.insertBefore(n,r);setTimeout(function(){if(w[v]===u){f(n.src)}},2000);break}}}())}if(d.addEventListener){w.addEventListener('load',unblocker,false)}else{w.attachEvent('onload',unblocker)}})(window);};
//]]>
</script>
Bước 3: Lưu lại và thưởng thức.

Tổng kết

Chẳng có gì để tổng kết cả
View-source:www.duyblogs.com

22 nhận xét:

  1. Theme đẹp nha :D <3

    Trả lờiXóa
  2. theme giống bản gốc vcl

    Trả lờiXóa
    Trả lời
    1. Nguyễn Đình Diệnlúc 00:28 20 tháng 11, 2018

      diện đẹp trai mà :v

      Xóa
    2. Nhưng mà duy dz hơn diện nhé :v

      Xóa
    3. Nguyễn Đình Diệnlúc 17:59 21 tháng 11, 2018

      lol "v

      Xóa
    4. Nhưng phương deeptry nhất trong 2 thằng dz này nhé :3

      Xóa
    5. :3 cac ban dang sua gi vay ?

      Xóa
    6. minh la ripper chuyen nghiep, can ca 3 ban cmt tren nhe :v

      Xóa
    7. Mình mới là ripper chuyên nghiệp nhé :v vì các bạn chỉ fake tên mình thôi

      Xóa
    8. Tên Nhân Ripper ra đời cách tên Duy Ripper vài ngày :v không có fake nhé

      Xóa
    9. Nguyễn Đình Diệnlúc 17:11 26 tháng 11, 2018

      mình mới biết đến blogger dc 3 tháng nhé ;) :3

      Xóa
    10. Thế thì các bạn phải gọi mình là pro nhé

      Xóa
    11. Nguyễn Đình Diệnlúc 13:38 28 tháng 11, 2018

      mình se~ goij banj lak tre trau nka :V hjhj

      Xóa
    12. đúng rồi, chẻ chou!

      Xóa
    13. Vc 2 thằng này :v

      Xóa
  3. https://www.jsblogger.com/2018/12/huong-dan-them-carousel-hien-thi-bai.html
    Carousel đã fix mờ nhé :v

    Trả lờiXóa
  4. Nguyễn Đình Diệnlúc 22:32 16 tháng 1, 2019

    thang em

    Trả lờiXóa
Mã Hóa Code
CÓ THỂ BẠN ĐANG TÌM
  • Bài viết ngẫu nhiên Style đẹp cho blogger
    Bài viết ngẫu nhiên Style đẹp cho blogger
    07/03/2017 - 0 bình luận
    Như tiêu đề của Bài viết thì hôm nay mình sẽ hưỡng dẫn các bạn tạo ra một widget chứa các bài viết ngẫu …
  • Share Bộ PSD ảnh bìa facebook Liên minh huyền thoại
    Share Bộ PSD ảnh bìa facebook Liên minh huyền thoại
    05/02/2017 - 0 bình luận
    (adsbygoogle=window.adsbygoogle||[]).push({}); Share Bộ PSD ảnh bìa facebook Liên minh huyền thoại: …
  • [PSD ẢNH BÌA] - MÙA THU ĐI QUA
    [PSD ẢNH BÌA] - MÙA THU ĐI QUA
    13/11/2017 - 4 bình luận
    Ảnh minh họa Tải về Liên Hệ
  • [ PSD Ảnh Bìa ] Điều Khác Lạ
    [ PSD Ảnh Bìa ] Điều Khác Lạ
    31/08/2017 - 0 bình luận
    Xin Share Ảnh Bìa Điều Khác Lạ !!!!  Ảnh bìa kèm tên chính phụ Liên Hệ Tải Về PSD
  • [TUT] XÓA BẠN BÈ ẢO, BỊ DIE, BỊ FAQ TRÊN FACEBOOK
    [TUT] XÓA BẠN BÈ ẢO, BỊ DIE, BỊ FAQ TRÊN FACEBOOK
    19/05/2017 - 0 bình luận
    Facebook của bạn có số bạn bè khá nhiều , Nhưng trong 1 thời gian thì có 1 số tài khoản Facebook BỊ DIE, BỊ FAQ…
  • TẠM BIỆT 2017 ĐÓN CHÀO NĂM MỚI 2018 CÙNG DUY RIPPER BLOG
    TẠM BIỆT 2017 ĐÓN CHÀO NĂM MỚI 2018 CÙNG DUY RIPPER BLOG
    31/12/2017 - 5 bình luận
    Hôm nay là 31/12/2017 là ngày cuối cùng của năm 2017 mình xin chúc các bạn có một năm mới vui vẻ, hạnh phúc, b…
  • Architekt Photoshop Action
    Architekt Photoshop Action
    05/07/2016 - 0 bình luận
     
  • [PSD] Sorry, I love you
    [PSD] Sorry, I love you
    20/05/2017 - 5 bình luận
    [PSD] Sorry, I love you Tải về Liên hệ
  • Share Bộ Hình Nền Desktop Chất Lượng Cao Đẹp
    Share Bộ Hình Nền Desktop Chất Lượng Cao Đẹp
    27/08/2017 - 17 bình luận
      Sau vài ngày vắng bóng :v Hôm nay mình đã trở lại và share cho ae bộ ảnh desktop chất lượng này. Tì…
  • [ PSD ] Chờ Nhau Nhé
    [ PSD ] Chờ Nhau Nhé
    09/03/2017 - 1 bình luận
    DOWNLOAD  CONTACT
  • [TUT] Veri Tên Giả Bằng Link 237 Cực Chất
    [TUT] Veri Tên Giả Bằng Link 237 Cực Chất
    26/08/2017 - 5 bình luận
    CÁC BƯỚC THỰC HIỆN:B1:  Các bạn chuyển bị 1 CMND "khớp" info với FB của mình. B2: Vào Link 237.  …
  • [TUT] CHECK PASS FACEBOOK ACC CHƯA ADD GMAIL ! HOT 2017
    [TUT] CHECK PASS FACEBOOK ACC CHƯA ADD GMAIL ! HOT 2017
    20/01/2017 - 0 bình luận
    BƯỚC 1 : FAKE SANG ẤN ĐỘ + NN ẤN ĐỘ BƯỚC 2 : VÀO  QUÊN MẬT KHẨU RỒI TIM NICK VICTIM BƯỚC 3 : ĐỢI NÓ …