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
  • [ẢNH BÌA] - NGƯỜI LẠ ƠI
    [ẢNH BÌA] - NGƯỜI LẠ ƠI
    11/01/2018 - 4 bình luận
    Người lạ ơi ! Cho tôi vay tí mỡ, tôi mượn rồi tôi trả, tôi sẽ trả suốt cuộc đời Tải về
  • [PSD] Sorry, I love you
    [PSD] Sorry, I love you
    20/05/2017 - 5 bình luận
    [PSD] Sorry, I love you Tải về Liên hệ
  • [PSD] Khóc Một Mình
    [PSD] Khóc Một Mình
    25/02/2017 - 0 bình luận
    " Em tựa mây lạc chân trên trời Anh tựa cây vùi thân bên đời Nhìn nhau, ta thầm thương thầm yê…
  • Share Bộ PSD ảnh bìa facebook Liên minh huyền thoại
    Share Bộ PSD ảnh bìa facebook Liên minh huyền thoại
    05/02/2017 - 0 bình luận
    (adsbygoogle=window.adsbygoogle||[]).push({}); Share Bộ PSD ảnh bìa facebook Liên minh huyền thoại: …
  • [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ề
  • Hướng Dẫn Tạo Status Chữ Xanh Trên Facebook
    Hướng Dẫn Tạo Status Chữ Xanh Trên Facebook
    05/07/2016 - 0 bình luận
    B1: Các Bạn Vào:  m.facebook.com/...... Ví Dụ: www.facebook.com/DuyRipper.info B2: Các Bạn Coppy Cái …
  • [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 Ảnh Bìa - Em đang ở đâu
    PSD Ảnh Bìa - Em đang ở đâu
    25/10/2018 - 7 bình luận
    Đến google còn bó tay thì làm sao anh biết em đang ở đâu? Tải về Liên hệ
  • [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…
  • Code Tạo Thanh Playlist Nghe Nhạc Đẹp Cho Blog
    Code Tạo Thanh Playlist Nghe Nhạc Đẹp Cho Blog
    06/10/2016 - 0 bình luận
    Playlist nghe nhạc cực đẹp cho blog Hôm nay,mình xin hướng dẫn một tiện ích khá đơn giản của bên thứ 3 hỗ trợ …
  • [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 Ả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ệ