Bingung melihat adanya background kuning pada iklan Adsense yang kamu pasang? Tenang! Untuk menghilangkan background kuning pada iklan Adsense, kita hanya perlu menggunakan satu baris kode CSS saja!
Baru-baru ini saya mengalami hal yang tidak biasa. Iklan Adsense yang saya pasang pada salah satu blog saya memiliki background berwarna kuning. Padahal di blog lain (seperti blog ini), hal ini tidak pernah terjadi.
Kenapa background Adsense bisa berwarna kuning?
Usut punya usut, warna background yang cukup mencolok pada iklan Adsense tersebut terjadi karena dimensi space iklan yang tidak sesuai dengan ukuran iklan yang ditampilkan.
Hal ini biasanya terjadi pada iklan responsif di mana Adsense menampilkan iklan yang dimensinya lebih kecil dibanding ukuran space yang kita sediakan untuk iklan.
Warna kuning itu sendiri muncul bukan dari Adsense atau plugin yang kamu pakai untuk menampilkan iklan Adsense. Warna itu justru muncul dari tema di mana secara default WordPress akan memakai warna background kuning pada tag <ins>.
Tag ini sendiri cukup jarang dipakai sehingga wajar bila beberapa developer memakai warna default yang akhirnya malah membuat iklan Adsense memiliki latar belakang berwarna kuning.
Apakah hal ini akan berpengaruh apapun pada penghasilan melalui iklan Adsense tersebut?
Tidak! nilai CPC atau CPM iklan tersebut tetap sama.
Namun secara estetika, memiliki sebuah elemen yang memiliki tampilan yang berbeda dengan tema yang kita pakai akan sangat mengganggu. Apalagi hal ini terjadi pada iklan yang kita pasang.
Google Adsense sendiri memiliki menu pengaturan untuk mengubah tampilan iklan seperti mengubah warna background hingga warna link pada teks. Semua hal ini ada agar iklan yang ditampilkan bisa sesuai dengan tema yang kita gunakan.
Dengan begitu, pembaca akan melihat iklan Adsense sebagai bagian dari artikel kita dan hal ini bisa saja memperbesar peluang agar pembaca mau mengklik iklan yang kita pasang.
Lalu, bagaimana cara menghilangkan warna kuning pada iklan Adsense?
Untuk mengatasinya, kita bisa mengubah warna kuning tersebut menjadi warna lain yang sesuai tema kamu atau mengubahnya menjadi transparan.
Caranya? Pada WordPress, masuk ke dasbor admin dan akses menu TAMPILAN » SESUAIKAN, lalu cari opsi CSS TAMBAHAN.
Setelah itu, masukan kode CSS berikut ini,
ins.adsbygoogle {background: transparent !important; }Pada kode di atas, kita akan mengubah warna background tag <ins> yang khusus dipakai oleh elemen dengan class = "adsbygoogle" menjadi warna transparan. !important sendiri kita pakai untuk memaksa perubahan pada latar belakang tag <ins> yang akan kita ubah.
Bila sudah selesai, simpan dan lihat hasilnya.
Btw, dari beberapa sumber yang saya baca, hal ini ternyata banyak dialami oleh pengguna WordPress dibanding pengguna Blogger (But hey, kalau kamu juga memiliki masalah ini di Blogger kasih tahu saya yah!).
Makasih bang.. pas dengan yang saya cari
Kenapa saya baru ngeuh ya, selama ini saya pikir warna kuning itu dari adsense. Ternyata bener cek sendiri klo di css “ins” emang warnanya kuning (#fff486). Makasi infonya gan, sangat mencerahkan 🙂
Saya juga baru sadar pas dulu ganti tema WP mas. Pertama biasa aja, tapi lama2 gak enak dilihat, ternyata cuma masalah CSS aja
sweet.. thanks a lot.. pantes artikel ini mejeng di pencarian nomer-1 page-1 google search. sangat membantu.. my blog looks better now.. great job buddy!
Thanks for the compliment. Glad it solved your problem 🙂
Thanks gann sangat membantu
di blogger jugaa sama bang,, terus gimana bagggggg
Caranya harusnya sama, kode CSS-nya sudah ditambahin?
Makasih bos…Fix
Sampe puyeng nyari kesana kemari…hehehhe
waduh, begitu doang toh ngatasinya,
makasih banyak om, akhirnya nemu solusi juga, selama ini saya diamkan aja padahal udah berjalan sekitar 3 bulan, tapi makin dipikir2 kek nya kurang iya kali background malah seringkali terisi warna kuning, mana mencolok lagi warnanya,
bdw, terimakasih banyak share nya.
Sama-sama mas, saya juga awalnya didiemin tapi lama-lama keganggu juga soalnya jadi mencolok bgt tampilannya, apalagi klo pas iklannya g nongol. Ternyata ngilanginnya gampang 🙂
Biasanya itu juga terjadi karena ditumpuk diatas kode DIV saran saya hapus kode div nya jangan letakkan kode adsense di dalam kotak div
Terima kasih masukannya, mungkin pada beberapa kasus memang bisa menjadi masalah.
Tapi saya sendiri tidak pernah bermasalah kalau kode Adsense di’bungkus’ pake kode div soalnya di blog ini saya memang pake buat ngasih kode css.
Tq mas bro.
btw mas bro pasang iklan melayang ya di blog ini gimna cranya dan aman gak
Untuk iklan melayang pake plugin mas, cari aja pake keyword ‘POPUP’, ada lumayan banyak pilihannya. Saya sendiri lagi nyoba WordPress Popup buatannya timersys.
Klo dibilang aman apa nggak, sejauh ini saya gak ada masalah karena saya pakainya cuma buat ngasih info promo hosting aja. Tapi kalau mau dipake buat nongolin Adsense mungkin bakalan bermasalah.
Hi mas bro.
terimakasih sekali, saya sangat terbantu dengan adanya tulisan ini, karena blog saya juga mengalami hal demikian. sekali lagi terimakasih sekali. salam tukang nge blog.
Hi juga mas Ilyas, senang bisa membantu sesama blogger. Mudah2an sukses mas Adsensenya 🙂
Salam hangat Bro Syafiq…
Informasi yang sangat bermanfaat… beruntung saya tidak pernah mengalaminya…
Btw, boleh tau nama blog lainnya… saya pingin jalan-jalan 🙂
Hi mas Mentik, terima kasih sudah berkomentar.
Blog lainnya, hmm, kasih tau gak yah 🙂 Soalnya nichenya sangat bertolak belakang dengan blog ini. Tapi kadang-kadang suka muncul screenshotnya di sini.