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
  • [TUT] Tạo Dấu Tích Trong Photoshop
    [TUT] Tạo Dấu Tích Trong Photoshop
    26/01/2017 - 0 bình luận
    Có bạn nào thắc mắc vì sao copy những dấu tích hoặc những kí tự khác vào photoshop thì lại xuất hiện các ô trốn…
  • 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ệ
  • Giao diện Blogspot BMAG Phiên bản Việt hóa + Sửa lỗi - Star Tuấn
    Giao diện Blogspot BMAG Phiên bản Việt hóa + Sửa lỗi - Star Tuấn
    05/01/2017 - 3 bình luận
    (adsbygoogle=window.adsbygoogle||[]).push({}); Giới thiệu về BMAG Template là: một mẫu giao diện do S…
  • Share Một Số Wed Sub 2016 -2017
    Share Một Số Wed Sub 2016 -2017
    14/02/2017 - 1 bình luận
    Sưu Tầm Bởi : Xuân Việt Blog  http://like5s.net/ http://likevip.net/ http://wefbee.com/ https://hu…
  • Hướng dẫn mở khóa tài khoản facebook die 178
    Hướng dẫn mở khóa tài khoản facebook die 178
    30/07/2018 - 21 bình luận
    Tài khoản Facebook của bạn bị khóa do đặt "CỜ IS" làm ảnh đại diện, bạn không biết mở khóa như thế nào ? Hôm …
  • Cách làm cho một widget bất kì trược theo blog khi cuộn trang
    Cách làm cho một widget bất kì trược theo blog khi cuộn trang
    08/04/2017 - 0 bình luận
    Các bước thực hiện Bước 1. Đăng nhập Blogger ➔ Chủ đề ➔ Chỉnh sửa HTML. Bước 2. Copy đoạn code sau và dán và…
  • [PSD] ANONYMOUS
    [PSD] ANONYMOUS
    07/08/2016 - 0 bình luận
     
  • Hướng dẫn thay đổi màu sắc ( Màu Đen ) cho Messenger
    Hướng dẫn thay đổi màu sắc ( Màu Đen ) cho Messenger
    07/08/2016 - 0 bình luận
    ~ Share cách làm tất cả màu trong messenger cho bán nào chưa biết Bước : 1 vào website :https://chrome.google…
  • [PSD ẢNH BÌA] - Share 3 Wind
    [PSD ẢNH BÌA] - Share 3 Wind
    09/11/2017 - 5 bình luận
    Hôm nay mình xin chia sẽ 3 wind ☺Mong các bạn sẽ thích nó và ủng hộ blog chúng tôi Tải về Liên Hệ …
  • [TUT] Rename Tên Kí Tự Ձ.Օ.ւ.Դ Facebook 2017 Mới Nhất
    [TUT] Rename Tên Kí Tự Ձ.Օ.ւ.Դ Facebook 2017 Mới Nhất
    08/02/2017 - 0 bình luận
    HƯỚNG DẪN ĐỔI TÊN KÍ TỰ Ձ.Օ. ւ.Դ Bước 1 : Cần một nick còn lượt đổi tên. Bước 2 : Vào đổi ngôn n…
  • Chia sẻ code popup thông báo khi người dùng sử dụng Adblocker
    Chia sẻ code popup thông báo khi người dùng sử dụng Adblocker
    19/11/2018 - 22 bình luận
    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ư…
  • [THỦ THUẬT] - THAY ĐỔI GIAO DIỆN KHỞI ĐỘNG PTS
    [THỦ THUẬT] - THAY ĐỔI GIAO DIỆN KHỞI ĐỘNG PTS
    04/01/2018 - 6 bình luận
    Hôm nay mình xin gửi đến các bạn cách thay đổi giao diện khởi động Photoshop. Bước 1: Tải và cài đặt R…