Cara Modifikasi Ukuran Iklan Adsense Dengan Css

Rabu, 07 Juni 2017

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

Seperti yang kita ketahui, pihak dari AdSense sendiri sudah memperlihatkan majemuk ukuran iklan termasuk ukuran responsive yang sanggup menyesuaikan ukuran iklan secara otomatis. Tapi dalam perkara yang berbeda, kadang saat kau menyediakan area yang lebih besar, iklan akan muncul dalam ukuran yang kurang pas. Contohnya saat kau menyediakan area iklan dengan ukuran 640x280 lalu memasukkan iklan dengan ukuran responsive, tapi lalu akibatnya malah ukuran 300x280 yang muncul. Nah untuk mengatasi ini, kau sanggup melaksanakan modifikasi ukuran iklan dengan memakai derma arahan CSS sehingga kau sanggup mengubah ukuran iklan yang sesuai dengan keinginan. Berikut ini contohnya:

Ini merupakan teladan 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 arahan 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 arahan dibawah ini. Silahkan salin kode, lalu ganti arahan "XXXX" dengan arahan 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 arahan tersebut ke situs blog kamu. Selesai!

Pada tahap ini kau sudah berhasil melaksanakan modifikasi ukuran iklan adsense dengan memakai derma arahan CSS. Bagi kau yang sudah berpengalaman dengan arahan html niscaya sudah sanggup menerapkan arahan ini tanpa kesulitan sama sekali. Kamu juga sanggup mengubah ukuran iklan adsense kau dengan cara mengubah arahan width dan height. Demikian pembahasan mengenai Cara Modifikasi Ukuran Iklan AdSense dengan CSS agar bermanfaat untuk Anda.
Sumber https://www.panduanblog.id/

Share This :