Setelah kemarin di posting mengenai Notifikasi Adblocker Adsense untuk Blog ada banyak respon dan pertanyaan yang masuk melalui Contact Form, salah satunya pertanyaan dari Mas ade yang menanyakan bahwa dia sudah mengikuti Cara Membuat Notifikasi Adblocker Adsense namun tidak berjalan pada blog yang digunakannya, akhirnya dengan rasa penasaran saya cek Blog mas ade ternyata templatenya menggunakan AMP Blog HTML.
Seperti yang sudah kita ketahui penggunaan Template Blog AMP HTML dilarang menggunakan Javascript jadi Postingan yang lalu Cara Membuat Notifikasi Adblocker Adsense tidak bisa berjalan atau tidak bisa digunakan pada templated Blog AMP HTML, akhirnya saya coba cari tahu dan ketemu postingan dari KompiAjaib di salah satu postingannya membahas Cara Membuat Notifikasi Adblocker Adsense Untuk Blog AMP HTML.
Di postingan ini akan dibahas dan cukup mudah juga hanya memodifikasi sedikit kode dan dengan menambahkan background-image di tag lokasi iklan berada jadi pada saat ada penggunjung yang menggunakan Tools Adblocker secara otomatis akan tampil background tersebut berupa notifikasi.
Notifikasi ini memang tidak sepenuhnya akan menutup Postingan, namun setidaknya dapat memberikan pemberitahuan kepada pengunjung agar menonaktifkan Adblockernya. Buat sobat yang kebetulan menggunakan Templated Blog AMP HTML dan mau mencobanya dapat mengikuti langkahnya berikut ini.
Silahkan sobat salin kode CSS dibawah ini dan gunakan kode ini untuk membuat Notifikasi Adblocker Adsense di Blog AMP HTML.
Perhatikan kode yang ditandai #HTML1 .widget-content silahkan sobat ganti dengan tag lokasi iklan berada. Selesai lalu SAVE, selamat mencoba dan semoga bermanfaat.
#HTML1 .widget-content{background:#fff url(https://2.bp.blogspot.com/-J7H62aHdBoM/WVRlB1KPnFI/AAAAAAAABBg/gsvgJGBfN400cDsDL_ys_IxO0oXj9KWtQCLcBGAs/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;}Perhatikan kode yang ditandai #HTML1 .widget-content silahkan sobat ganti dengan tag lokasi iklan berada. Selesai lalu SAVE, selamat mencoba dan semoga bermanfaat.
EmoticonEmoticon