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
  • [ Thủ Thuật FB ] Cách Chuyển Fanpage Thành Trang Cá Nhân
    [ Thủ Thuật FB ] Cách Chuyển Fanpage Thành Trang Cá Nhân
    17/07/2017 - 0 bình luận
    Các bước chuyển Fanpage thành facebook Profile Bước 1: Vào đường dẫn: https://www.facebook.com/help/2050…
  •  Giới Thiệu Sever Bot Like + Autolike + Auto Cmt + Auto Share Cực Chất ♥|VanTuanIT
    Giới Thiệu Sever Bot Like + Autolike + Auto Cmt + Auto Share Cực Chất ♥|VanTuanIT
    03/03/2017 - 0 bình luận
                     Giới Thiệu Sever Bot Like + Autolike +…
  • [PSD Ảnh Bìa] Tháng 5 Của Anh (Trọn Vẹn) - Khói
    [PSD Ảnh Bìa] Tháng 5 Của Anh (Trọn Vẹn) - Khói
    19/05/2017 - 2 bình luận
    [PSD Ảnh Bìa] Tháng 5 Của Anh (Trọn Vẹn) - Khói Tải vềLiên hệ
  • Cách Khắc phục Thumbnail cho Blogspot bị thu nhỏ hoặc bị bể hình
    Cách Khắc phục Thumbnail cho Blogspot bị thu nhỏ hoặc bị bể hình
    08/04/2017 - 0 bình luận
    Blogspot vừa có thay đổi link hình ảnh, link mặc định là s72-c. Các bạn sử dụng template có sử dụng Read more…
  • PSD Ảnh Bìa Tương Tư - Cao Bá Hưng
    PSD Ảnh Bìa Tương Tư - Cao Bá Hưng
    22/02/2017 - 0 bình luận
    TẢI VỀ
  • Mạng Xã Hội Avatar Online
    Mạng Xã Hội Avatar Online
    20/02/2017 - 3 bình luận
    Mời mọi người ghé thăm mạng xã hội http://chem1st.tk để cùng trải nghiệm thế giới giải trí trên d…
  • Tổng Hợp Các Phím Tắt Trên Windows 10
    Tổng Hợp Các Phím Tắt Trên Windows 10
    25/08/2017 - 5 bình luận
    Hôm nay mình sẽ giới thiệu với các bạn những phím tắt trong Windows 10 để bạn có thể dễ dàng sử dụng và thuận t…
  • [TUT] UNLOCK FAQ
    [TUT] UNLOCK FAQ
    15/06/2016 - 0 bình luận
    Hướng Dẫn Unlock FAQ Nick Facebook  1. https://www.facebook.com/help/contact/183000765122339 2. https://w…
  • [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ệ
  • PSD Ảnh Bìa - Chạy ngay đi
    PSD Ảnh Bìa - Chạy ngay đi
    04/06/2018 - 41 bình luận
    Yeah..yeah! Sky ơiiiiiii...... Tải về Liên hệ
  • [Code] Bỏ Theo Dõi Facebook Hàng Loạt
    [Code] Bỏ Theo Dõi Facebook Hàng Loạt
    03/04/2017 - 0 bình luận
               Share Code Bỏ Theo Dõi Facebook Hàng Loạt Khi kết bạn với một người n…
  • [PSD] FULL Chúng Ta Không Thuộc Về Nhau | Sơn Tùng M-TP
    [PSD] FULL Chúng Ta Không Thuộc Về Nhau | Sơn Tùng M-TP
    04/08/2016 - 0 bình luận