Modifikasi Ukuran Iklan Adsense Dengan Css

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

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

Cara Modifikasi Ukuran Iklan AdSense dengan CSS Modifikasi Ukuran Iklan AdSense dengan CSS
Ini merupakan contoh ukuran iklan adsense yang menyesuaikan ukurannya pada area halaman blog

Modifikasi Ukuran Iklan AdSense dengan CSS


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

1. Silahkan salin kode ini ke template blogger, serta 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 serta 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 langkah ini kamu telah berhasil menggelar modifikasi ukuran iklan adsense dengan menggunakan bantuan kode CSS. Bagi kamu yang telah berpengalaman dengan kode html pasti telah bisa menerapkan kode ini tanpa kesulitan sama sekali. Kalian juga bisa mengubah ukuran iklan adsense kamu dengan cara mengubah kode width serta height. Demikian pembahasan mengenai Cara Modifikasi Ukuran Iklan AdSense dengan CSS semoga bermanfaat buat Anda.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel