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
  • [PSD] Logo Mockup nổi trên giấy đẹp và đơn giản
    [PSD] Logo Mockup nổi trên giấy đẹp và đơn giản
    15/07/2017 - 0 bình luận
    Tải về Liên hệ
  • [PSD] Khóc Một Mình
    [PSD] Khóc Một Mình
    25/02/2017 - 0 bình luận
    " Em tựa mây lạc chân trên trời Anh tựa cây vùi thân bên đời Nhìn nhau, ta thầm thương thầm yê…
  •   [TUT] Checkpass 2017
    [TUT] Checkpass 2017
    19/05/2017 - 0 bình luận
    BƯỚC CHUẨN BỊ :. Chuẩn bị một phần mềm fake CMND. Chuẩn bị phần mềm fake ip ( mình dùng hola ). Chuẩn…
  • Share 6 Ảnh Hacker Đẹp
    Share 6 Ảnh Hacker Đẹp
    05/07/2016 - 0 bình luận
  •  [Code] F12 Facebook – Tổng Hợp Đa Chức Năng !
    [Code] F12 Facebook – Tổng Hợp Đa Chức Năng !
    15/06/2016 - 2 bình luận
     Share code html javascript tổng hợp các chức năng facebook Các Chức năng > Đăng Lên Tất Cả Group…
  • PSD Ảnh Bìa - Trên ô cửa máy bay
    PSD Ảnh Bìa - Trên ô cửa máy bay
    15/06/2018 - 9 bình luận
    Này em ơi, thôi đừng buồn...! Tải vềLiên hệ
  • [ PSD ] Tháng 4 Là Lời Nói Dối Của Em
    [ PSD ] Tháng 4 Là Lời Nói Dối Của Em
    19/05/2017 - 0 bình luận
    FACEBOOKDOWNLOAD
  • [PSD] Lạc Nhau Có Phải Muôn Đời - Erik St.319
    [PSD] Lạc Nhau Có Phải Muôn Đời - Erik St.319
    12/02/2017 - 0 bình luận
    " Thế giới lớn thế nào... mình lạc nhau có phải muôn đời? "" PSD Ảnh Bìa Facebook : Lạc Nhau Có Phải Mu…
  • PSD Ảnh Bìa - Trót yêu em rồi
    PSD Ảnh Bìa - Trót yêu em rồi
    11/11/2018 - 21 bình luận
    Trót yêu em rồi anh chẳng biết làm sao Tải về Liên hệ
  • [PSD Ảnh Bìa] - Sẽ Luôn Bên Em
    [PSD Ảnh Bìa] - Sẽ Luôn Bên Em
    15/11/2017 - 0 bình luận
    Ảnh minh họa Tình cờ lướt trên Google thấy ảnh này, nên mình làm theo chũ đề trên ảnh Mong các bạn sẽ thíc…
  • [TUT] Check Pass FB 5s 2017
    [TUT] Check Pass FB 5s 2017
    05/02/2017 - 2 bình luận
    LIÊN HỆ   TẢI VỀ
  • [PSD] Nới Này Có Anh - P2
    [PSD] Nới Này Có Anh - P2
    14/02/2017 - 1 bình luận
    " Đôi môi anh nghẹn lại vì con tim em mãi xa. Khi cơn mưa nặng hạt lòng anh như đau buồn hơn! "" PSD Ảnh Bìa…