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] Con Đường Hacker
    [PSD] Con Đường Hacker
    05/07/2016 - 0 bình luận
  • [TUT] Mở 13T + Tên Giả Có Mail Nhưng Mất Mật Khẩu
    [TUT] Mở 13T + Tên Giả Có Mail Nhưng Mất Mật Khẩu
    15/06/2016 - 0 bình luận
    ● Tut Mở 13T + Tên Giả Có Mail Nhưng Mất Mật Khẩu ( Giành Cho Không Spam Mail + CMND Phải Chuẩn…
  • [Mockup] Free Logo Mockups Template for Designing
    [Mockup] Free Logo Mockups Template for Designing
    19/02/2017 - 0 bình luận
    Tải về
  • [PSD] Cmnd nữ Unlock
    [PSD] Cmnd nữ Unlock
    05/07/2016 - 0 bình luận
     
  • Đặt Password không cho phép truy cập trên trình duyệt Chrome
    Đặt Password không cho phép truy cập trên trình duyệt Chrome
    19/10/2017 - 2 bình luận
    Giả sử trong trường hợp bạn cho người khác dùng máy tính, nhưng không muốn họ truy cập vào trình duyệt Google…
  • [Brush] Ngôi Sao
    [Brush] Ngôi Sao
    05/07/2016 - 0 bình luận
  • 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] Check Thông Tin Người Khác & Hướng Dẫn Check Pass Cho Newbie
    [TUT] Check Thông Tin Người Khác & Hướng Dẫn Check Pass Cho Newbie
    05/03/2017 - 0 bình luận
    - Đầu tiên là phải check ngày sinh ẩn của victim - Vào http://phuongbach.com/tools/ - Lấy token và đă…
  • Thủ thuật auto dính checkpoint facebook
    Thủ thuật auto dính checkpoint facebook
    18/03/2018 - 10 bình luận
    Hello xin chào tất cả các bạn, nhiều bạn đăng thủ thuật mở khóa tài khoản Facebook, vượt checkpoint tài kho…
  • Hướng dẫn nhận miễn phí tên miền .ooo
    Hướng dẫn nhận miễn phí tên miền .ooo
    08/07/2018 - 68 bình luận
    Vừa loay hoay trên J2Team thì lượm được cái này. Mình thấy hay nên share cho ae luôn :)) Vào thẳng vấn đề nè! …
  • [PSD] Tâm Trạng - Phải Có
    [PSD] Tâm Trạng - Phải Có
    05/07/2016 - 0 bình luận
  • FACEBOOK CHO PHÉP BẠN CHÈN QUỐC KỲ VÀO ẢNH ĐẠI DIỆN
    FACEBOOK CHO PHÉP BẠN CHÈN QUỐC KỲ VÀO ẢNH ĐẠI DIỆN
    07/03/2017 - 0 bình luận
    Tính năng thêm khung hình vào ảnh đại diễn đã xuất hiện từ lâu trên Facebook, nhưng mới đây mạng xã hội lớn nh…