Cara Modifikasi Ukuran Iklan AdSense dengan CSS

Cara Modifikasi Ukuran Iklan AdSense dengan CSS - Pada kali ini saya akan membahas mengenai cara modifikasi ukuran iklan Google AdSense dengan menggunakan kode CSS tanpa melanggar kebijakan modifikasi kode iklan AdSense. Ini merupakan jawaban untuk kamu yang ingin mengubah ukuran iklan adsense menjadi lebih besar di halaman blog atau ingin menyesuaikan ukuran iklan adsense sesuai dengan area yang sudah kamu sediakan.

Seperti yang kita ketahui, pihak dari AdSense sendiri sudah memberikan bermacam-macam ukuran iklan termasuk ukuran responsive yang dapat menyesuaikan ukuran iklan secara otomatis. Tapi dalam kasus yang berbeda, kadang ketika kamu menyediakan area yang lebih besar, iklan akan muncul dalam ukuran yang kurang pas. Contohnya ketika kamu menyediakan area iklan dengan ukuran 640x280 kemudian memasukkan iklan dengan ukuran responsive, tapi kemudian hasilnya malah ukuran 300x280 yang muncul. Nah untuk mengatasi ini, kamu bisa melakukan modifikasi ukuran iklan dengan menggunakan bantuan kode CSS sehingga kamu bisa mengubah ukuran iklan yang sesuai dengan keinginan. Berikut ini contohnya:

Ini merupakan contoh ukuran iklan adsense yang menyesuaikan ukurannya pada area halaman blog

Modifikasi Ukuran Iklan AdSense dengan CSS


Sebelum memulai, silahkan baca dan pahami mengenai Kebijakan Penempatan Iklan Google AdSense juga Kebijakan Modifikasi Kode Iklan AdSense.

1. Silahkan salin kode ini ke template blogger, dan tempatkan sebelum kode ]]></b:skin>

.iklan_responsive { width: 336px; height: 280px; }
@media (max-width:450px) { .iklan_responsive { width: 100%; height: 250px; } }
@media (min-width:500px) { .iklan_responsive { width: 100%; height: 280px; } }
@media (min-width:800px) { .iklan_responsive { width: 100%; height: 280px; } }

2. Perhatikan kode dibawah ini. Silahkan salin kode, kemudian ganti kode "XXXX" dengan kode ca-pub dan ad-slot milik kamu.

<ins class="adsbygoogle iklan_responsive"
style="display:inline-block;"
data-ad-client="ca-pub-XXXX"
data-ad-slot="XXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

3. Tambahkan kode tersebut ke situs blog kamu. Selesai!

Pada tahap ini kamu sudah berhasil melakukan modifikasi ukuran iklan adsense dengan menggunakan bantuan kode CSS. Bagi kamu yang sudah berpengalaman dengan kode html pasti sudah bisa menerapkan kode ini tanpa kesulitan sama sekali. Kamu juga bisa mengubah ukuran iklan adsense kamu dengan cara mengubah kode width dan height. Demikian pembahasan mengenai Cara Modifikasi Ukuran Iklan AdSense dengan CSS semoga bermanfaat untuk Anda.