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
  •  [Code] Xác Nhận Nhiều Lời Mời Kết Bạn Nhanh Chóng
    [Code] Xác Nhận Nhiều Lời Mời Kết Bạn Nhanh Chóng
    05/07/2016 - 0 bình luận
    Mạng xã hội Facebook phát triển mạnh mẽ trong vài năm trở lại đây, trở thành nơi giao lưu chia sẻ không t…
  • 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ề
  • Cách Khắc Phục Lỗi Không Vào Được Facebook
    Cách Khắc Phục Lỗi Không Vào Được Facebook
    03/08/2017 - 0 bình luận
    Hiện tại, facebook đang chặn truy cập facebook ở Việt Nam. Vì vậy 1 số bạn có thể thấy lag khi vào Face…
  • [TUT] Xóa Thông Tin Garena
    [TUT] Xóa Thông Tin Garena
    15/06/2016 - 0 bình luận
    Đây là [TUT] xóa thông tin garena do mình biết nhé !! B1 : Các bạn ấn vào đây Link B2 : Các bạn đ…
  • [TUT] Đổi Ngày Sinh Không Giới Hạn
    [TUT] Đổi Ngày Sinh Không Giới Hạn
    05/07/2016 - 0 bình luận
    -Thực ra thì cái việc bị giới hạn đổi ngày, tháng, năm sinh trên Faceb…
  • [PSD] Lạc Trôi - Part 2
    [PSD] Lạc Trôi - Part 2
    04/01/2017 - 0 bình luận
    DEMO  DOWNLOAD
  • [PSD] Yêu Là Tha Thu
    [PSD] Yêu Là Tha Thu
    24/05/2017 - 3 bình luận
    Tải Về Liên Hệ
  • PSD Ảnh Bìa - U23 VIỆT NAM
    PSD Ảnh Bìa - U23 VIỆT NAM
    25/01/2018 - 2 bình luận
    ẢNH MINH HỌA Tải vềLiên hệ
  • [PSD] Việt Nam Hôn Đi Yêu
    [PSD] Việt Nam Hôn Đi Yêu
    13/03/2017 - 1 bình luận
    [PSD Ảnh Bìa] Việt Nam Hôn Đi Yêu DOWNLOAD
  • [TUT] Đăng Kí FB Bằng Gmail
    [TUT] Đăng Kí FB Bằng Gmail
    05/07/2016 - 0 bình luận
    Google, Facebook, Youtube, Twitter là những dịch vụ online yêu cầu xác thực SMS để tránh việc một người có nhi…
  • [Ảnh] Share Bộ Ảnh Bìa Ghost Chất
    [Ảnh] Share Bộ Ảnh Bìa Ghost Chất
    19/02/2017 - 0 bình luận
    Bộ Ảnh Bìa Ghost Chất
  • [ PSD ] Bình Yên Những Phút Giây - Sơn Tùng MTP
    [ PSD ] Bình Yên Những Phút Giây - Sơn Tùng MTP
    19/05/2017 - 0 bình luận
    Chào các bạn, trong cái nắng hè khắc nghiệt của tháng 4 này, Sơn Tùng MTP đã cho ra mắt ca khúc "&n…