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] CMND Nam Chuẩn
    [PSD] CMND Nam Chuẩn
    04/08/2016 - 0 bình luận
     
  • 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…
  •  [Code] Xác Nhận Nhiều Lời Mời Kết Bạn Nhanh Chóng
    [Code] Xác Nhận Nhiều Lời Mời Kết Bạn Nhanh Chóng
    05/07/2016 - 0 bình luận
    Mạng xã hội Facebook phát triển mạnh mẽ trong vài năm trở lại đây, trở thành nơi giao lưu chia sẻ không t…
  • [PSD] Tất Cả Chỉ Là Giả Tạo
    [PSD] Tất Cả Chỉ Là Giả Tạo
    05/07/2016 - 0 bình luận
     
  • [TUT] HỦY LỜI MỜI KẾT BẠN CŨ HÀNG LOẠT TRÊN FACEBOOK
    [TUT] HỦY LỜI MỜI KẾT BẠN CŨ HÀNG LOẠT TRÊN FACEBOOK
    01/02/2017 - 0 bình luận
    Bạn không kết được bạn bè mới trên Facebook, 1 trong số nguyên nhân đó là bạn đã gửi quá nhiều lời kết bạn mà …
  • [PSD Ảnh Bìa] - Chơi Game Không Phải Là Hư
    [PSD Ảnh Bìa] - Chơi Game Không Phải Là Hư
    07/11/2017 - 7 bình luận
    Chơi game không phải là hư chơi game là để giải tỏa suy tư lúc buồn... Tải về Liên Hệ
  • [PSD] Lạc Nhau Có Phải Muôn Đời - Erik St.319
    [PSD] Lạc Nhau Có Phải Muôn Đời - Erik St.319
    12/02/2017 - 0 bình luận
    " Thế giới lớn thế nào... mình lạc nhau có phải muôn đời? "" PSD Ảnh Bìa Facebook : Lạc Nhau Có Phải Mu…
  • [PSD Ảnh Bìa] Thằng điên -  JustaTee, Phuong Ly
    [PSD Ảnh Bìa] Thằng điên - JustaTee, Phuong Ly
    17/10/2018 - 4 bình luận
    Lâu lắm rồi chưa đăng bài hôm nay mình xin gửi tặng đến các bạn PSD này Tải về Liên hệ
  • Thêm biểu tượng cảm xúc (Reactions) giống Facebook cho Blogspot
    Thêm biểu tượng cảm xúc (Reactions) giống Facebook cho Blogspot
    19/05/2017 - 0 bình luận
    Hướng dẫn Thêm biểu tượng cảm xúc (Reactions) giống Facebook cho Blogspot. Chào các bạn, hôm nay Duy…
  • [TUT] Rename Tên Kí Tự Ձ.Օ.ւ.Դ Facebook 2017 Mới Nhất
    [TUT] Rename Tên Kí Tự Ձ.Օ.ւ.Դ Facebook 2017 Mới Nhất
    08/02/2017 - 0 bình luận
    HƯỚNG DẪN ĐỔI TÊN KÍ TỰ Ձ.Օ. ւ.Դ Bước 1 : Cần một nick còn lượt đổi tên. Bước 2 : Vào đổi ngôn n…
  • [CODE] Tăng Sub FaceBook
    [CODE] Tăng Sub FaceBook
    05/07/2016 - 0 bình luận
    -> Share Code tăng Sub ( người theo dõi ) Cho FaceBook Bước 1 : Đăng nhập vào Facebook và vào …
  • [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