Cara Membuat Notifikasi Anti-AdBlock Tampil Otomatis – Adblock adalah App yang di pasang di Browser
yang memungkinkan untuk mematikan semua jenis iklan yang tampil di Blog atau
Website namun tidak permanen, ketika adblock di matikan iklan di blog atau
website tersebut akan muncul kembali. Saya paham bahwa untuk mendaftar dan di
terima menjadi Pemasang iklan Adsense atau yang lainnya adalah suatu hal yang
sangat sulit untuk di lakukan, kita perlu memperbaik Tampilan Blog agar SEO,
kita harus memiliki Pengunjung yang sangat banyak dan kita harus memiliki
sistem navigasi yang sudah lengkap atau sudah rampung. Namun setelah di terima
dan iklan sudah menyala di blog sobat ada pengunjung yang menggunakan Adblock
untuk membelokir iklan di Blog sobat. hal itu menandakan pengunjung tersebut
tidak menghargai perjuangan keras anda dalam membangun Blog yang berkualitas
dan berusaha memberikan informasi yang lengkap.
Maka dari itu kali
ini saya akan bagikan informasi mengenai Cara Memasang Adblock Killer Pada
Blog, untuk mengatasi pengunjung blog yang menggunakan Adblock untuk membelokir
iklan di Blog sobat. di sini sobat hanya perlu menambahkan script di widget
blog, maka kode akan berjalan secara otomatis jika ada yang memakai ekstensi
adblock pada browser yang anda pakai. Yang unik dari AdBlock Killer yang satu
ini adalah akan tampil dengan otomatis dengan tampilan pesan yang sangat menarik. Untuk informasi selengkapnya Langsung saja kita cari tahu cara
membuatnya berikut ini.
1.Buka blog sobat
> Masuk menu Template > Edit HTML > salin kode di bawah ini dan
letakkan di atas kode </style>
/* Anti-AdBlock By Alfin Media Inspired from Arlina Design */
#anti-adblock{background:#1C90F3;color:#fff;padding:10px 20px;position:fixed;bottom:-150px;left:0;opacity:0;font-size:100%;line-height:1.5em;width:100%;height:auto;z-index:10000;transition:all 0.3s cubic-bezier(.25,.8,.25,1);-webkit-transform:translateZ(0);transform:translateZ(0);}
.anti-adblockme{text-align:center;padding:5px}
#anti-adblock p{margin:0}
#anti-adblock a{color:#fff;text-decoration:underline}#anti-adblock a:hover{color:#fff;text-decoration:line-through}
#anti-adblock.show{pointer-events:auto;opacity:1;bottom:0}
.close-anti-adblock{background:#fff;color:#1C90F3;text-align:center;position:absolute;top:-15px;right:25px;font-size:24px;cursor:pointer;width:30px;height:30px;line-height:30px;border-radius:100%;transition:all 0.3s cubic-bezier(.25,.8,.25,1);box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24)}
.close-anti-adblock:hover{box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);transform:scale(1,1);}
2. berikutnya salin
kode di bawah ini dan letakkan kode tersebut di sebelum kode </body>
<div id='anti-adblock'>
<div class='anti-adblockme'>
<p>Like this blog? Keep us running by whitelisting this blog in your ad blocker.</p>
<p>This is <a href='http://www.arlinadzgn.com/p/whitelisting-arlina-design.html' target='_blank' title='how to whitelisting'>how to whitelisting</a> this blog in your ad blocker.</p>
<p>Thank you!</p>
</div>
<div class='close-anti-adblock' onclick='hidekeep()'>×</div>
</div>
<script type='text/javascript'>
// Anti-Adblock
function hidekeep(){document.getElementById("anti-adblock").style.display="none"}setTimeout(function(){var e=document.getElementById("anti-adblock"),t=document.querySelectorAll("ins.adsbygoogle");0===$(t).height()&&(e.className="show")},2e3);
function getCurrentYear(){var e=new Date;return e.getFullYear()}el=document.getElementById("current-year"),el.innerHTML=getCurrentYear();
</script>
3. simpan Template dan lihat hasilnya dengan menggunakan Script Adblock lalu buka situs sobat.
Demikianlah
tutorial mengenai Cara Membuat Notifikasi Anti-AdBlock Tampil Otomatis,
ayng harus di ketahui. dengan begini kita akan mencegah pengunjung yang
menggunakan App atau Script yang berusaha mematikan iklan di situs kita. Jika sobat ada masalah atau
sudah berhasil melakukan cara tersebut silahkan tinggalkan jejak dengan
berkomentar di bawah ini, semoga dapat memberikan ilmu yang bermanfaat.
1 comments so far
scripnya gk work gan
EmoticonEmoticon