Cara Memasang Kode Block Adblocker Pada Amp Template

Adblocker adalah salah satu alat yang bisa dipakai untuk mencegah sebuah iklan tampil di halaman blog atau situs saat kita kunjungi, tentunya fungsi alat ini sangat bermanfaat apabila iklan yang tampil di sebuah blog tersebut sangat mengganggu, sebagai contoh iklan pop up namun sebagai catatan bahwa tidak semua iklan pop up mengganggu loh sob :), dan perlu juga kita garis bawahi bahwa tidak semua pemilik blog atau situs menampilkan sembarangan iklan melainkan iklan yang benar-benar memenuhi standar baik kualitas maupun kuantitasnya seperti Google Adsense, dan saya pikir masih banyak lagi selain Google Adsense.

Tidak bisa dipungkiri lagi bahwa sebagian besar blogger atau webmaster sudah mulai menggantungkan kontinyunitas blog yang mereka kelola melalui penghasilan dari iklan yang tampil di blog mereka.

ScreenShot:



Nah disini saya akan sedikit kembali membagikan sebuah trik hasil karya sobat blogger Adhy Suryadi (kompiajaib), yaitu kode css yang bisa kita manfaatkan untuk menampilkan sebuah "PERINGATAN" atau lebih tepatnya pemberitahuan kepada pengunjung bahwa pengunjung tersebut telah memakai Ext Adblocker pada mesin browser mereka. Setidaknya mereka bisa membaca apa yang coba dibangun oleh sang pemilik blog atau situs :).

Mengingat pada Amp Template tidak bisa atau dilarang menggunakan script selain yang sudah disediakan pihak pengembang, maka seorang sobat blogger yaitu Adhy Suryadi berinisiatif membuat trik agar bisa menampilkan pesan Block Adblocker pada Amp template dengan hanya menggunakan fungsi kode CSS, dan jika sobat ingin mencobanya silahkan salin kode css dibawah ini dan letakan atau sisipkan pada kode css di halaman html blog Amp sobat.

#HTML1 .widget-content{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQtn2ZQP331kbA7bl5QF5vYC6Vo5zK-Mad-8V6shA-r3flZCsziehpnFI1LnOZhCdUdFlbGYSrQyLke4uwrj4Hp9hm6fVB1hZJibRs-1t7Y-xCOWkDu8sR7MPgt4vtAjXI13JRcezMRS8/s1600/adblocking.png);min-height: 250px;background-repeat: no-repeat;background-position:top center;background-origin: content-box;background-size: 100% 100%;}
#HTML6 .widget-content amp-ad{background:#fff;}

Credit kode css to : Adhy Suryadi (kompiajaib.com)

Silahkan sesuaikan nama kode iklan pada halaman blog Amp anda.

Selamat mencoba dan semoga ada manfaatnya, senang bisa berbagi walau hanya melalui sebuah tulisan yang tidak teratur ini, salam Antoncabon.