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
  • Phần mềm Photoshop CS6 Portable
    Phần mềm Photoshop CS6 Portable
    05/07/2016 - 4 bình luận
    Tải về
  • [PSD] Gương Mặt Lạ Lẫm
    [PSD] Gương Mặt Lạ Lẫm
    04/01/2017 - 0 bình luận
    DOWNLOAD
  • [PSD] Ảnh Bìa Facebook Chất
    [PSD] Ảnh Bìa Facebook Chất
    06/02/2017 - 0 bình luận
    Lưu Ý : Nếu có ai hỏi xin PSD này vui lòng gửi link bài đăng này đến cho người ấy nhé. Cảm ơn rất nhiều !!! …
  •  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 +…
  • Hướng Dẫn Tạo Status Chữ Xanh Trên Facebook
    Hướng Dẫn Tạo Status Chữ Xanh Trên Facebook
    05/07/2016 - 0 bình luận
    B1: Các Bạn Vào:  m.facebook.com/...... Ví Dụ: www.facebook.com/DuyRipper.info B2: Các Bạn Coppy Cái …
  • [Share] Code Scam Nick Facebook Bản Ngon
    [Share] Code Scam Nick Facebook Bản Ngon
    04/01/2017 - 2 bình luận
    Home / CODE / THỦ THUẬT / [Share] Code Scam Nick Facebook Bản Ngon - Nếu các bạn đã đến Web Scam rồi…
  • [TUT] VERI FANPAGE & PROFILE BLUE TICK
    [TUT] VERI FANPAGE & PROFILE BLUE TICK
    02/08/2017 - 0 bình luận
    TUT VERI FANPAGE & PROFILE BLUE TICK- Bước 1 : Tải Hola (Fake IP trình duyệt) Link tải nhanh : https://g…
  • [PSD Ảnh Bìa] Tháng 5 Của Anh - Nguyễn Văn Vỹ
    [PSD Ảnh Bìa] Tháng 5 Của Anh - Nguyễn Văn Vỹ
    19/05/2017 - 0 bình luận
    [PSD Ảnh Bìa] Tháng 5 Của Anh - Nguyễn Văn Vỹ  BÁO LỖI - LINK DIE TẢI VỀ
  • [Font Chữ] SVN-The Carpenter
    [Font Chữ] SVN-The Carpenter
    11/02/2017 - 2 bình luận
    Nhà thiết kế: Emil Karl Bertell Nhà phát hành: Fenotype Năm phát hành: 2014 Việt hóa: ST…
  • [PSD Ảnh Bìa] CHÓ
    [PSD Ảnh Bìa] CHÓ
    13/11/2017 - 2 bình luận
    Tải về Liên Hệ
  • [Unlock] Xác Minh Danh Tính CMND
    [Unlock] Xác Minh Danh Tính CMND
    05/07/2016 - 0 bình luận
    TUT Unlock Xác Minh Danh Tính CMND Bước 1 : Fake IP Ấn Độ TẠI ĐÂY . Bước 2 : Vào tran…
  • Trọn Bộ Code Chống Chuột Trái, Chuột Phải, F12 Xem Mã Nguồn Cho Blogger
    Trọn Bộ Code Chống Chuột Trái, Chuột Phải, F12 Xem Mã Nguồn Cho Blogger
    12/02/2017 - 2 bình luận
    Bởi nhiều lí do khác nhau nên bạn không cho người đọc xem mã nguồn để copy code của bạn, hay cố ý bôi đen bài…