natinedJs ⓚ 2020 Untuk menjadi publisher Adsence dengan menampilkan iklan oleh Google atau Grid di konten artikel blog atau web site bukan hal yang mudah. Apalagi untuk blog atau konten Indonesia dimana keputusan final untuk menjadi publisher merupakan penilaian dari Google Filipina atau dari Manila. Tapi masih kemungkinan besar karena follow up PIN yang diterima penulis dikirim dari Manila. Bagaimana menjadi publisher Adsence tentunya kita mengetahui ada banyak tahapan yang harus dilalui agar konten artikel blog atau website dapat menjadi publisher.
Namun artikel kali ini bukan untuk membahas menjadi publisher Adsence. Melainkan mengatur modifikasi-modifikasi dalam Adsence agar tampilannya bisa lebih baik untuk dilihat.
Pertama kali menempatkan Adsence sebagai widget tampilan yang dilihat adalah persegi panjang dengan warna Kuning terang. Persegi panjang tersebut merupakan ruang yang digunakan Adsence untuk menempatkan iklannya.
Bagaimana jika iklan tersebut tidak sesuai dengan ukuran yang ada pada layar? Bukankah saya sudah membuat iklan yang akan ditampilkan Adsense Responsive?
Jika iklan tidak sesuai dengan ukuran widget artinya latar belakang dengan warna kuning tersebut akan mempengaruhi display iklan sehingga bila iklan tersebut tidak sesuai ukurannya akan ada bagian kuning. Ukuran responsive tidak membuat iklan mengikuti ukuran widget. Lihat gambar dibawah ini.
Akan terdapat display picture seperti diatas. Ukuran iklan berbeda dengan widget, dan terdapat warna kuning yang terlihat tidak nyaman dilihat.
Langkah untuk menghilangkan Background Kuning:
Dalam Theme HTML ins terdapat di Typography dengan tujuan untuk merepresentasikan hal-hal yang berkaitan dengan tipografi blog.
Element ins dibuat dengan background: #fff9c0. Baca : HTML Kategori Warna memperlihatkan warna tersebut adalah kuning. Artinya ins dibuat terhubung dengan ins element pada adsence. Lihat kode html adsence berikut
Sudah mendapat elemen ins saatnya merubah tampilan berwarna kuning tersebut menjadi transparent. Atau warna pilihan masing-masing sesuai kebutuhan yang akan ditampilkan di iklan adsence. Pilihat warna transparent artinya tidak ada warna pada saat iklan adsence.
Perubahan elemen ins menjadi Ins {background: transparent;tect-decoration: none;}.
Lihat perubahannya dengan klik simpan theme. Tidak perlua langsung keluar dari theme biarkan saja, kemudian refresh konten yang ditampilkan bagaimana tidak ada lagi warna kuning bukan?
Baca juga : Daftar Beberapa Publisher dengan Benefit Besar selain Adsence
Namun artikel kali ini bukan untuk membahas menjadi publisher Adsence. Melainkan mengatur modifikasi-modifikasi dalam Adsence agar tampilannya bisa lebih baik untuk dilihat.
Pertama kali menempatkan Adsence sebagai widget tampilan yang dilihat adalah persegi panjang dengan warna Kuning terang. Persegi panjang tersebut merupakan ruang yang digunakan Adsence untuk menempatkan iklannya.
Bagaimana jika iklan tersebut tidak sesuai dengan ukuran yang ada pada layar? Bukankah saya sudah membuat iklan yang akan ditampilkan Adsense Responsive?
Jika iklan tidak sesuai dengan ukuran widget artinya latar belakang dengan warna kuning tersebut akan mempengaruhi display iklan sehingga bila iklan tersebut tidak sesuai ukurannya akan ada bagian kuning. Ukuran responsive tidak membuat iklan mengikuti ukuran widget. Lihat gambar dibawah ini.
Akan terdapat display picture seperti diatas. Ukuran iklan berbeda dengan widget, dan terdapat warna kuning yang terlihat tidak nyaman dilihat.
Langkah untuk menghilangkan Background Kuning:
- Klik Theme pada blogger untuk mengubah kode HTML yang akan dituju.
- Tujuannya adalah tag . HTML element bahasa untuk membuat teks yang dimasukkan atau disisipkan (inserted text) dalam sebuah dokumen.
- Selanjutnya ketik ctrl + F untuk mencari elemen
ins {
background: #fff9c0;
text-decoration: none;
}.
background: #fff9c0;
text-decoration: none;
}.
Dalam Theme HTML ins terdapat di Typography dengan tujuan untuk merepresentasikan hal-hal yang berkaitan dengan tipografi blog.
Element ins dibuat dengan background: #fff9c0. Baca : HTML Kategori Warna memperlihatkan warna tersebut adalah kuning. Artinya ins dibuat terhubung dengan ins element pada adsence. Lihat kode html adsence berikut
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-xxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
<ins class="adsbygoogle"
style="display:block; text-align:center;"
data-ad-layout="in-article"
data-ad-format="fluid"
data-ad-client="ca-pub-xxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
Sudah mendapat elemen ins saatnya merubah tampilan berwarna kuning tersebut menjadi transparent. Atau warna pilihan masing-masing sesuai kebutuhan yang akan ditampilkan di iklan adsence. Pilihat warna transparent artinya tidak ada warna pada saat iklan adsence.
Perubahan elemen ins menjadi Ins {background: transparent;tect-decoration: none;}.
Lihat perubahannya dengan klik simpan theme. Tidak perlua langsung keluar dari theme biarkan saja, kemudian refresh konten yang ditampilkan bagaimana tidak ada lagi warna kuning bukan?
Baca juga : Daftar Beberapa Publisher dengan Benefit Besar selain Adsence
Tags
Infopedia
Mau nanya gan. Kode ini ins {
ReplyDeletebackground: #fff9c0;
text-decoration: none;
}. GK ada d html sy.