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] Tâm Trạng - Những Điều Chưa Nói
    [PSD] Tâm Trạng - Những Điều Chưa Nói
    05/07/2016 - 0 bình luận
     
  • PSD Em Lộng Lẫy - SooBin Hoàng Sơn
    PSD Em Lộng Lẫy - SooBin Hoàng Sơn
    16/02/2017 - 0 bình luận
    Tải PSD : Dowload   Nguồn PSD : Xuân Việt Blog  Liên Hệ Facebook : Xuân Việt
  • 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à…
  • Hướng dẫn lấy avatar tài khoản facebook bật khiên
    Hướng dẫn lấy avatar tài khoản facebook bật khiên
    18/06/2018 - 15 bình luận
    Xin chào tất cả các bạn, hôm nay mình xin hướng dẫn các bạn cách lấy ảnh đại diện Facebook của người khác đã …
  • [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…
  • [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ệ …
  • [PSD] Cũng đành thôi - Đức Phúc
    [PSD] Cũng đành thôi - Đức Phúc
    14/07/2017 - 20 bình luận
     Ảnh bìa gốc  Ảnh bìa kèm tên chính phụ Tải Về PSD Tải Photoshop Liên Hệ Nguồn: Dii Nô…
  •   [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…
  • [TUT] Rename Tên Facebook Có Icon
    [TUT] Rename Tên Facebook Có Icon
    18/01/2017 - 0 bình luận
    Đổi tên Facebook có icon rất đẹp mắt. Vừa độc vừa lạ 😜 Cách làm như sau: - Bước 1: Fake ip và ngôn ngữ E…
  • 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 Ảnh Bìa] Thằng điên -  JustaTee, Phuong Ly
    [PSD Ảnh Bìa] Thằng điên - JustaTee, Phuong Ly
    17/10/2018 - 4 bình luận
    Lâu lắm rồi chưa đăng bài hôm nay mình xin gửi tặng đến các bạn PSD này Tải về Liên hệ
  • [TUT] Report FAQ 2016
    [TUT] Report FAQ 2016
    06/08/2016 - 0 bình luận
    REPORT FACEBOOK ACCOUNT 2016 By Phan Gia Lâm Bước 1: Chuẩn bị 2 mail sạch và Fake 2 CMND phôi khác nhau ,in…