cara membuat notifikasi adblock tanpa javascript di blogger
cara membuat notifikasi adblock tanpa javascript di blogger
cara membuat notifikasi adblock ringan di blogger, Tutorial ini aslinya dari blog kompiajaib.com hanya saja di kompi ajaib cuma bisa di pakai untuk blogger yang sudah di upgrade ke AMP HTML kalau kamu masih menggunakan Template blogger biasa kamu bisa gunain tutorial ini sob.Di blog ini juga pernah membuat artikel yang serupa dengan ini kamu bisa membaca nya Script Anti Adblock dan UC Browser , Mungkin dengan script itu akan membuat blog kamu menjadi lelet saat di buka atau loadingnya jadi berat tapi coba deh pakai anti adblock yang tanpa menggunakan javascript ini.
Selain ramah terhadap pengunjung di widget notifikasi adblock ini kamu juga berkreasi sesuai keinginan kamu, Seperti yang sudah saya buat ini.
Kalau pengunjungnya mengerti mereka pasti langsung paham dengan tujuan kita mengingatkan mereka agar mematikan adblock / adbplus saat membaca artikel di blog kita dan pasti mereka akan memberi reward jika artikel yang dibaca nya benar benar work dan dapat menyelesaikan masalah yang sedang mereka hadapi.
Tapi kalau pengunjung yang kurang ajar ya mereka tidak menghiraukan pemberitahuan tersebut , dan terkadang suka kopas tanpa memberikan link sumbernya itu kan parah banget.
Kamu boleh kopas tapi ingat jangan lupakan sumber postingan yang sudah kamu kopas.
Oke mari kita lanjutkan tutorial ini.
Bagaimana cara membuat notifikasi adblock yang userfriendly :
#1. Silahkan kamu masuk ke dashboard blogger http://www.blogger.com#2. Masuk kemenu template / theme lalu klik edit HTML
#3. Cari kode </style> atau <b:/skin> letakan kode css dibawah ini tepat diatasnya.
/* Block adblock kompiajaib.com edit by perampokgoogle.com */
#HTML4 .widget-content{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2m41SZkhKubqeWAZxSM9V3ghKiOkiaPx4mYIXcBajeDu6ZV0GffVIWW_9u6jn9UPNWe2qSS6VG2KmqySVMXMF47CZ9oHLiwvVcMIdRc6t9MzJhkf4DTKNAqlRoEOl9zovtM0h-M44-po/s640/rampoadb.png);min-height: 250px;background-repeat: no-repeat;background-position:top center;background-origin: content-box;background-size: 100% 100%;border-radius:5px;}
#HTML4 .widget-content ad{background:#fff;}
.adspost1 {background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2m41SZkhKubqeWAZxSM9V3ghKiOkiaPx4mYIXcBajeDu6ZV0GffVIWW_9u6jn9UPNWe2qSS6VG2KmqySVMXMF47CZ9oHLiwvVcMIdRc6t9MzJhkf4DTKNAqlRoEOl9zovtM0h-M44-po/s640/rampoadb.png);min-height: 250px;background-repeat: no-repeat;background-position:top center;border-radius:5px;background-origin: content-box;}
#HTML10 .widget-content{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7jx-ck9ZukWT8VJpikTgFJcRu7Wi8b6CGCn40fD87WcdjwjYLlCBJwgcmh5kV0Ghyzrp8n3pjPatjDK22qxVoJcDCQ-wYV7k0onmtKk96VV1UM1Bv0Qa3tExGaxWR84yo2yYHvoVcrjo/s640/adbbanner.png);min-height: 90px;background-repeat: no-repeat;background-position:top center;border-radius:5px;background-origin: content-box;}
#HTML10 .widget-content ad{background:#fff;}
Keterangan :
- Pada #HTML4 Itu silahkan kamu sesuaikan dengan letak iklan adsense kamu / widget iklan adsense kamu.
- .adspost1 adalah tag iklan yang ada di template perampokgoogle silahkan kamu sesuaikan dengan tag pemanggil / penampil iklan adsense di template kamu.
- Untuk #HTML10 masih sama seperti pada no 1 hanya saja ini digunakan untuk iklan adsense yang berukuran 728 x 90 atau iklan banner.
Semoga dapat kamu mengerti dan pahami ya sob, Jika ada pertanyaan silahkan berkomentar dibawah artikel ini, Untuk gambar peringatan silahkan kamu buat sendiri atau bisa menggunakan gambar yang ada di CSS tersebut.
Untuk kamu yang menggunakan template AMP blogger kamu bisa lihat tutorial aslinya di blog kompiajaib.com >> http://www.kompiajaib.com/2017/03/notifikasi-untuk-pengguna-adblocker.html.
