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
  • [TUT] Check Pass Facebook – HOT 2015
    [TUT] Check Pass Facebook – HOT 2015
    15/06/2016 - 0 bình luận
    [TUT] Check Pass Facebook – HOT 2015 Đầu tiên chuẩn bị:  – một email sạch  – SĐT của victim ( …
  • [ PSD ] Ảnh Bìa Facebook - Cho Anh Gần Em Thêm Chút Nữa
    [ PSD ] Ảnh Bìa Facebook - Cho Anh Gần Em Thêm Chút Nữa
    18/02/2017 - 0 bình luận
    " Lỡ sinh ra là để yêu nhau chẳng thể... rời xa đâu !! "" PSD Ảnh Bìa Facebook : Cho Anh Gần Em Thêm Ch…
  • 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…
  • Chia Sẻ Thủ Thuật Report Facebook Chất 2017
    Chia Sẻ Thủ Thuật Report Facebook Chất 2017
    08/03/2017 - 0 bình luận
    TUT Dame 13 – 14 Max Chất Bước 1 : Chuẩn bị 2 – 3 nick ( k cần fake clone gì cả nhé ) Bước 2 : Bật Hola…
  • [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
     
  • [PSD ẢNH BÌA] - Chia Sẽ PSD Giới Thiệu Cá Nhân Chất
    [PSD ẢNH BÌA] - Chia Sẽ PSD Giới Thiệu Cá Nhân Chất
    10/11/2017 - 11 bình luận
    Ảnh minh họa Tải về Liên Hệ
  • [ Action ] Tan Biến ( Việt Hóa )
    [ Action ] Tan Biến ( Việt Hóa )
    19/03/2017 - 0 bình luận
    DOWNLOAD  CONTACT
  • [TUT] Mở 13T + Tên Giả Có Mail Nhưng Mất Mật Khẩu
    [TUT] Mở 13T + Tên Giả Có Mail Nhưng Mất Mật Khẩu
    15/06/2016 - 0 bình luận
    ● Tut Mở 13T + Tên Giả Có Mail Nhưng Mất Mật Khẩu ( Giành Cho Không Spam Mail + CMND Phải Chuẩn…
  • PSD Ảnh Bìa - 66771605
    PSD Ảnh Bìa - 66771605
    19/01/2017 - 0 bình luận
    Truy cập " KunDiiNo.BlogSpot.Com " để tải nhiều PSD Ảnh Bìa Hay Và Đẹp Nhé ^^       …
  • Cách Khắc phục Thumbnail cho Blogspot bị thu nhỏ hoặc bị bể hình
    Cách Khắc phục Thumbnail cho Blogspot bị thu nhỏ hoặc bị bể hình
    08/04/2017 - 0 bình luận
    Blogspot vừa có thay đổi link hình ảnh, link mặc định là s72-c. Các bạn sử dụng template có sử dụng Read more…
  • Một Số Tus Report Chất
    Một Số Tus Report Chất
    15/06/2016 - 0 bình luận
    ● Toàn Tus Chất Nhé Nhưng Hàng Share Chỉ Là Không Bằng Hàng Bá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…