Halo sobat Malestea pada kesempatan kali ini saya akan membagikan sebuah Tutorial untuk Blogger yaitu "Anti Adblock" merupakan sebuah istilah yang digunakan untuk menyebut sebuah script yang dapat mendeteksi ada atau tidaknya pemblokiran iklan di situs kita. Biasanya pengujung yang menggunakan Adblock ingin membaca sebuah artikel dengan nyaman dan tentram tanpa terganggu oleh iklan-iklan.
Memang dengan adanya adblock ini sangat berguna sekali untuk pengguna internet, karena banyak manfaatnya dibandingkan jika mereka tidak menggunakan adblock.
Beberapa hal positif ketika menggunakan adblock adalah menghilangkan iklan, menghemat data, loading jadi cepat, menjadi ringan saat dikunjungi dan aman dari iklan berbahaya. Tetapi ada dampak negatif juga adblock ini, apalagi bagi pemilik situs yaitu hilangnya penghasilan akibat pemblokiran iklan.
Pengunjung juga tidak salah saat menggunakan adblock sebab pasti ada yang mengakibatkan pengujung menggunakan adblock ini. Biasanya ada situs yang menaruh banyak iklan dihampir seluruh layar monitor dimana itu dapat mengurangi loading situs seara lambat dan berat, apalagi bagi yang kuota nya sedikit pasti harus meminimalisir hal tersebut.
Alangkah baiknya kita sebagai pemilik situs saling sadar bahwa dalam menggelola situs tidak bisa dilakukan secara cuma-cuma, maka kerjasama yang baik dengan pengunjung biar betah saat menggeola sebuah situs.
Dengan adanya anti adblock kita dapat memberitahu pada para pembaca atau pengunjung yang menggunakan AdBlock / AdBlocker agar menonaktifkan fitur tersebut supaya iklan tetap bisa tayang dengan sempurna pada tiap halaman yang dibuka.
Dengan adanya sebuah notifikasi adblock disitus, maka pengunjung dapat melihat pesan atau notifikasi untuk mematikan adblock yang sedang dipakainya.
Bagi kalian yang memasang iklan adsense atau iklan jenis lain diblog mungkin dengan memasang script ini dapat membuat pendapatan kalian meningkat lagi.
Cara Memasang Notifikasi Adblock di Blog
Pemasangan anti adblock ini sangatlah mudah sekali, sebab bisa ditambahkan pada bagian Tata Letak lewat Widget ataupun langsung Edit HTML.
Langkah Pertama: Masuk terlebih dahulu ke Blogger.com Langkah Kedua: Klik Tema / Template > klik Edit HTML. Langkah Ketiga Tambahkan kode javascript berikut dan taruh diatas kode </body><script>//<![CDATA[
!function() {function f() {var a=document.getElementById("post-body");a.innerHTML='<blockquote class="blocked"><strong><svg width="24" height="24" viewBox="0 0 24 24" style="fill:currentColor;margin-right: 10px;"><path d="M11,15H13V17H11V15M11,7H13V13H11V7M12,2C6.47,2 2,6.5 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2M12,20A8,8 0 0,1 4,12A8,8 0 0,1 12,4A8,8 0 0,1 20,12A8,8 0 0,1 12,20Z"></path></svg>Ad-Block Terdeteksi</strong><p>Mohon maaf, kami mendeteksi bahwa anda telah mengaktifkan Ad-Blocker. Untuk itu, kami berharap agar anda menonaktifkannya.</p><p>Dengan menonaktifkan Ad-Blocker, anda telah membantu kami dalam mengembangkan Website ini. Terimakasih</p></blockquote>';} var b=document.createElement("script");b.type="text/javascript";b.async=!0;b.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";b.onerror=function() {f();window.adblock=!0};var e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(b,e)}();
//]]></script>
Langkah Ke-empat Tambahkan kode style / css dan taruh diatas kode </style> atau </b:skin>
/* Blockquote */
blockquote{position:relative;font-size:15px;margin:1.7em 0;padding:30px 25px 30px 90px;border-radius:3px;border:2px solid rgba(230,230,230,1)}
blockquote:before{content:'\201D';display:block;position:absolute;font-weight:700;font-size:70px;top:7px;left:25px;line-height:normal;color:rgba(0,0,0,.15)}
blockquote.blocked {padding: 15px 30px;margin: 0;}
blockquote.blocked:before {display: none;}
Langkah kelima Simpan Tema
Dengan menggunakan script anti adblock yang saya kasih ini tidak dapat diakali sama sekali oleh orang yang paham dengan program sebab jika adblock pengguna / pengunjung aktif, artikel atau postingan di situs kita direplace dengan notifikasi yang mengakibatkan artikel hilang. Secara otomatis pengunjung harus benar-benar mematikan adblock nya.
Sampai disini saja dulu dan artikel pada blog ini akan terus saya update Setiap Hari meskipun cuman Satu atau Dua saja tapi itu lebih baik daripada Tidak :#
Comments
Post a Comment
To insert a code use <i rel="pre">code_here</i>To insert a quote use <b rel="quote">your_qoute</b>To insert a picture use <i rel="image">url_image_here</i>To insert a video use <i rel="video">video</i>Tinggalkan komentar sesuai topik tulisan, komentar dengan link aktif tidak akan ditampilkan. Admin dan penulis blog mempunyai hak untuk menampilkan, menghapus, menandai spam, pada komentar yang dikirim.
koq ga work ya kak.. >> mp3holix .blogspot
ReplyDelete<div class="post-body post-content">
Deletecari kode diatas lalu tambahkan seperti berikut
<div id="post-bdoy " class="post-body post-content">
maap aga typo, "post-body" yah bukan post-bdoy
Deletega nemu div class="post-body post-content"
ReplyDeleteudah ketemu.. ternyata pakainya tanda petik satu, bukan dua
ReplyDeletemantab.. udah bisa.. thx kakak
ReplyDelete