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
  • Share 6 Ảnh Hacker Đẹp
    Share 6 Ảnh Hacker Đẹp
    05/07/2016 - 0 bình luận
  • [PSD] Tâm Trạng - Anh Xấu Trai
    [PSD] Tâm Trạng - Anh Xấu Trai
    05/07/2016 - 0 bình luận
  • [Share] TUT Dame FAQ MD info ( Chất Ngọt )
    [Share] TUT Dame FAQ MD info ( Chất Ngọt )
    16/01/2017 - 0 bình luận
    Download : Tải về
  • [PSD] Tâm Trạng - Anh Nhớ
    [PSD] Tâm Trạng - Anh Nhớ
    05/07/2016 - 0 bình luận
  • Tùy chọn Thumbnail theo ý thích cho Blogspot / Blogger
    Tùy chọn Thumbnail theo ý thích cho Blogspot / Blogger
    19/05/2017 - 2 bình luận
    Tùy chọn Thumbnail theo ý thích cho Blogspot / Blogger Chào các bạn, thời gian gần đây có một vài bạn h…
  • [SHARE] 1 Số Pic Bìa 7 Màu Đẹp Và Chất
    [SHARE] 1 Số Pic Bìa 7 Màu Đẹp Và Chất
    05/07/2016 - 0 bình luận
     
  • [TUT] Report 808 ( 3-2-2017 )
    [TUT] Report 808 ( 3-2-2017 )
    03/02/2017 - 0 bình luận
    Chú Ý: Tut Dành Cho Người Đam Mê Report, Đòi Hỏi khéo tay tỉ lệ Report sẽ tăng <3  Link: http…
  • [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…
  • Phần mềm Fake IP Pure Vpn + Crack (Giống hệt Hola vpn) 2017
    Phần mềm Fake IP Pure Vpn + Crack (Giống hệt Hola vpn) 2017
    27/01/2017 - 0 bình luận
    PureVPN Crack 2017  với Activation key 2017 đã làm việc để bảo vệ tự do web và dữ li…
  • [ PSD ] Anh Đã Quen Với Cô Đơn - Soobin Hoàng Sơn
    [ PSD ] Anh Đã Quen Với Cô Đơn - Soobin Hoàng Sơn
    23/03/2017 - 7 bình luận
    DOWNLOADCONTACT function disableselect(e){ return false }function reEnable(){ return true…
  • [PSD] Não Cá Vàng
    [PSD] Não Cá Vàng
    12/03/2017 - 0 bình luận
    Tải về
  • [PSD Ảnh Bìa] - Ngừng Yêu Thương
    [PSD Ảnh Bìa] - Ngừng Yêu Thương
    08/11/2017 - 30 bình luận
    Sao lại phải yêu thương trên cuộc đời này Thanh niên FA từ lúc sinh ra đến giờ chia sẽ PSD :v Tải về Liên…