Thursday, 20 April 2017

Cara Membuat Notifikasi Anti-AdBlock Tampil Otomatis

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.

Notifikasi Anti-AdBlock

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()'>&#215;</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()&amp;&amp;(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


EmoticonEmoticon