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
  • Responsive Flat UI Color Picker
    Responsive Flat UI Color Picker
    03/10/2016 - 0 bình luận
    Responsive Flat UI Color PickerMã Màu #5C97BF Mã Màu #4B77BE Mã Màu #1F3A93 Mã Màu #2…
  • [PSD] Phía Sau Một Cô Gái
    [PSD] Phía Sau Một Cô Gái
    04/02/2017 - 0 bình luận
    Nên anh lùi bước về sau, để thấy em rõ hơn Để có thể ngắm em từ xa âu yếm hơn Cả nguồn sống bỗng chốc thu bé …
  • Architekt Photoshop Action
    Architekt Photoshop Action
    05/07/2016 - 0 bình luận
     
  • Auto Chửi
    Auto Chửi
    05/07/2016 - 0 bình luận
    AuTo Chửi Bá Đạo Tải về
  • [TUT] Rename Tên Facebook Có Icon
    [TUT] Rename Tên Facebook Có Icon
    18/01/2017 - 0 bình luận
    Đổi tên Facebook có icon rất đẹp mắt. Vừa độc vừa lạ 😜 Cách làm như sau: - Bước 1: Fake ip và ngôn ngữ E…
  • [PSD] Yêu 5 - Rhymastic
    [PSD] Yêu 5 - Rhymastic
    21/03/2017 - 0 bình luận
    DOWNLOAD PSD
  • CÁCH BẬT CHẾ ĐỘ NIGHT LIGHT GIÚP DỄ NGỦ TRÊN WINDOWS 10
    CÁCH BẬT CHẾ ĐỘ NIGHT LIGHT GIÚP DỄ NGỦ TRÊN WINDOWS 10
    08/06/2017 - 0 bình luận
    Night Light là một chế độ mới trong Windows 10 được các chuyên gia nghiên cứu giúp cải thiện tình trạng mất ng…
  • [PSD] Não Cá Vàng
    [PSD] Não Cá Vàng
    12/03/2017 - 0 bình luận
    Tải về
  • Share Ảnh Bìa
    Share Ảnh Bìa "Yêu Nhau Nửa Ngày"
    11/10/2017 - 0 bình luận
    Hình Minh Họa Tải về Liên Hệ
  • [PSD] Tự Thương Mình
    [PSD] Tự Thương Mình
    25/01/2017 - 0 bình luận
       LIÊN HỆ TẢI VỀ
  • Phần mềm After Effects CS6 Portable
    Phần mềm After Effects CS6 Portable
    04/01/2017 - 2 bình luận
    Tải về
  • [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…