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 Ảnh Bìa] - Sẽ Luôn Bên Em
    [PSD Ảnh Bìa] - Sẽ Luôn Bên Em
    15/11/2017 - 0 bình luận
    Ảnh minh họa Tình cờ lướt trên Google thấy ảnh này, nên mình làm theo chũ đề trên ảnh Mong các bạn sẽ thíc…
  • [PSD Ảnh Bìa] Yêu 5 - Rhymastic
    [PSD Ảnh Bìa] Yêu 5 - Rhymastic
    10/03/2017 - 0 bình luận
    [PSD Ảnh Bìa] Yêu 5 - Rhymastic Tải về
  • [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à đă…
  • [ PSD ẢNH BÌA ] Em Gái Mưa
    [ PSD ẢNH BÌA ] Em Gái Mưa
    10/09/2017 - 25 bình luận
    PSD ẢNH BÌA | Em Gái Mưa Hình Minh Họa Tải về Liên Hệ
  • Thủ Thuật Viết Chữ Độc Đáo Trong Chat Facebook
    Thủ Thuật Viết Chữ Độc Đáo Trong Chat Facebook
    06/09/2017 - 41 bình luận
    Vừa qua facebook có update các tính năng mới, trong đó có tính năng được viết chữ In nghiêng, In đậm, Gạc ng…
  • [ TUT ] Hướng Dẩn Rename FaceBook Người Khác Không Cần Vào Nick
    [ TUT ] Hướng Dẩn Rename FaceBook Người Khác Không Cần Vào Nick
    05/07/2016 - 0 bình luận
    B1: Checkmail Victim B2: Fake CMND Giống Victim B3: Fake IP B4: Vào Link: Click Vào Đây B5: Điền Thông…
  • RIP account Facebook
    RIP account Facebook
    05/07/2016 - 0 bình luận
    Tut rp Checkpion or FAQ phụ thuộc may mắn nữa nhé Điều kiện có 5 - 10 clone  - bước 1 bấm vô báo cáo ở…
  • Tạo intro post cho bài viết và trang tĩnh
    Tạo intro post cho bài viết và trang tĩnh
    14/11/2017 - 48 bình luận
    Ảnh minh họa Các bước thực hiện Bước 1: Truy cập vào giao diện chỉnh sửa HTML của Blogspot. Bước 2: Chèn cod…
  • Share Bộ Hình Nền Desktop Chất Lượng Cao Đẹp
    Share Bộ Hình Nền Desktop Chất Lượng Cao Đẹp
    27/08/2017 - 17 bình luận
      Sau vài ngày vắng bóng :v Hôm nay mình đã trở lại và share cho ae bộ ảnh desktop chất lượng này. Tì…
  • [Font Chữ] iCiel Rukola Việt hóa (Brush Script)
    [Font Chữ] iCiel Rukola Việt hóa (Brush Script)
    03/09/2016 - 0 bình luận
  • [TUT] Cách Đổi Giao Diện Facebook
    [TUT] Cách Đổi Giao Diện Facebook
    15/06/2016 - 0 bình luận
    →Hướng Dẫn Đổi Giao Diện Facebook      Hôm nay, mình sẽ hướng dẫn các bạn đổi giao diện Faceb…
  • 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…