Mengatur Kode iklan Adsense Agar Tampilan Menyesuaikan Layar HP

Bagi blogger iklan dapat menjadi salah satu sumber penghasilan yang didapatkan dari sebuah blog. Biasanya iklan tersebut dipasang menggunakan kode iklan berupa html atau javascript. 

Penempatan kode iklan menjadi penting saat kita memilih melakukan monetisasi sebuah website. Karena akan berpengaruh pada pendapatan dan juga tampilan dari website kita. Jika kita menempatkan dengan kurang tepat, maka tampilan website akan kurang nyaman bagi pengunjung.

Salah satu metode untuk mengatur iklan AdSense agar di posisi tengah atau center adalah dengan menggunakan bahasa coding CSS. CSS memiliki properti bernama perataan teks (text-align) yang memungkinkan Anda untuk menempatkan konten tag HTML tepat di posisi tengah, kanan, atau kiri

Jika iklan adsense yang di tampilkan tidak bisa menyesuiakan dengan ukuran layar HP atau perangkat mobile anda bisa memodifikasi script iklan berikut ini lalu anda pasang pada bagian widget blogger anda.

<style>
.example_responsive_1 { width: 360px; height: 105px; }
@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXX11XXX9" crossorigin="anonymous"></script>
<!-- example_responsive_1 -->
<ins class="adsbygoogle example_responsive_1"
     style="display:inline-block"
     data-ad-client="ca-pub-XXXXXXX11XXX9"
     data-ad-slot="8XXXXX1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Tanda tercetak warna kuning silahkan di ganti dengan kode iklan adsense anda, masing masing akun akan memiliki kode iklan yang berbeda beda. Untuk iklan yang saya gunakan menggunakan sample iklan dengan ukuran width: 728px; height: 90px biasanya iklan jenis ini saat tampil di HP tidak bisa menyesuaikan sesuai lebar layar.