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] Logo Mockup nổi trên giấy đẹp và đơn giản
    [PSD] Logo Mockup nổi trên giấy đẹp và đơn giản
    15/07/2017 - 0 bình luận
    Tải về Liên hệ
  • [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] Tự Thương Mình
    [PSD] Tự Thương Mình
    25/01/2017 - 0 bình luận
       LIÊN HỆ TẢI VỀ
  • [TUT] Check Pass FB 5s 2017
    [TUT] Check Pass FB 5s 2017
    05/02/2017 - 2 bình luận
    LIÊN HỆ   TẢI 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ệ
  • Tạo nút chia sẻ bài viết blogspot với hiệu ứng đẹp mắt
    Tạo nút chia sẻ bài viết blogspot với hiệu ứng đẹp mắt
    06/12/2017 - 45 bình luận
    Lâu rồi chưa chia sẻ thủ thuật blogger nhỉ :) Vậy thì hôm nay mình xin hướng dẫn các bạn tạo nút chia sẻ bài vi…
  • 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…
  • Responsive Flat UI Color Picker
    Responsive Flat UI Color Picker
    03/10/2016 - 0 bình luận
    Responsive Flat UI Color PickerMã Màu #5C97BF Mã Màu #4B77BE Mã Màu #1F3A93 Mã Màu #2…
  • [TUT] Rip Chất 90%
    [TUT] Rip Chất 90%
    15/06/2016 - 0 bình luận
    - Rip nick Facebook thành công 90% Fake ip đi đâu thì tùy nhưng mình vẫn thích dùng ip của Korea và Belar…
  • [PSD] Yêu 5 - Rhymastic
    [PSD] Yêu 5 - Rhymastic
    21/03/2017 - 0 bình luận
    DOWNLOAD PSD
  • [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
  • [ PSD ] Đi Để Trở Về - Soobin Hoàng Sơn
    [ PSD ] Đi Để Trở Về - Soobin Hoàng Sơn
    12/01/2017 - 0 bình luận
    Sau độ nóng của MV Lạc Trôi vừa qua thì ca khúc Đi Để Trở Về ngày hôm sau không kém phần nổi. Ca khúc mang một …