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] Tui Ế Tiếp
    [PSD] Tui Ế Tiếp
    21/01/2017 - 0 bình luận
    LIÊN HỆ   TẢI VỀ
  • [TUT] Check Mail Ẩn Bằng Yahoo
    [TUT] Check Mail Ẩn Bằng Yahoo
    05/07/2016 - 0 bình luận
    Bước 1: Đăng nhập vào Yahoo. Bước 2: Sau khi đăng nhập vào yahoo thì bạn click vào biểu tượng "Liên Lạc" bên tr…
  • [TUT] Unlock FAQ Facebook 2017
    [TUT] Unlock FAQ Facebook 2017
    07/02/2017 - 5 bình luận
    Đây Là Những Link hỗ Trợ mà các Bạn Vào để Rep Lại Facebook team : Fake IP + ngôn ngữ UK (Vương Quốc…
  • 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…
  • [PSD] Tâm Trạng - Phải Có
    [PSD] Tâm Trạng - Phải Có
    05/07/2016 - 0 bình luận
  • [Blogger Templates] MDFostrap Responsive
    [Blogger Templates] MDFostrap Responsive
    20/06/2017 - 2 bình luận
    Mdfostrap là một template blogger đẹp cho trang blog cá nhân. Với thiết kế chuẩn Responsive, Seo thân…
  • Ảnh bìa Lạc nhau có phải muôn đời
    Ảnh bìa Lạc nhau có phải muôn đời
    19/03/2017 - 0 bình luận
    DOWNLOAD
  • [PSD] Mockup Hacker
    [PSD] Mockup Hacker
    05/07/2016 - 0 bình luận
  • TẠM BIỆT 2017 ĐÓN CHÀO NĂM MỚI 2018 CÙNG DUY RIPPER BLOG
    TẠM BIỆT 2017 ĐÓN CHÀO NĂM MỚI 2018 CÙNG DUY RIPPER BLOG
    31/12/2017 - 5 bình luận
    Hôm nay là 31/12/2017 là ngày cuối cùng của năm 2017 mình xin chúc các bạn có một năm mới vui vẻ, hạnh phúc, b…
  • [TUT] Report FAQ 2016
    [TUT] Report FAQ 2016
    06/08/2016 - 0 bình luận
    REPORT FACEBOOK ACCOUNT 2016 By Phan Gia Lâm Bước 1: Chuẩn bị 2 mail sạch và Fake 2 CMND phôi khác nhau ,in…
  • [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] Lạc Trôi P3 - Sơn Tèo
    [PSD] Lạc Trôi P3 - Sơn Tèo
    18/01/2017 - 0 bình luận
      Cover ảnh bìa facebook Lạc Trôi Người theo hương hoa mây mù giăng lối Làn sương khói phôi pha…