Screenshot :
Berikut css responsive iklan billboard :
.billboard {display:block; max-width:1000px; min-width:970px; width:100%; max-height:300px; min-height:250px; height:100%; text-align:center; margin:0px auto; padding:0px}
@media screen and (max-width:969px){.billboard {min-width:728px; min-height:90px}}
@media screen and (max-width:727px){.billboard {min-width:336px; min-height:280px}}
@media screen and (max-width:335px){.billboard {min-width:300px; min-height:250px}}
@media screen and (max-width:299px){.billboard {min-width:250px}}
@media screen and (max-width:249px){.billboard {min-width:200px; min-height:200px}}
Agar iklan menjadi responsive kalian juga harus menggunakan unit iklan adsense yang responsive.Namuan perlu sedikit perubahan style iklan agar iklan billboard dapat muncul.
Seperti ini contoh iklan responsive.
<ins class="adsbygoogle"
style="display:block"
data-ad-client="xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxxx"
data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
kenudian hapus data-ad-format="auto" dan tambahkan class billboard agar iklannya tampil menjadi seperti dibawah.
<ins class="adsbygoogle billboard"
style="display:block"
data-ad-client="xxxxxxxxxxxxxxxx"
data-ad-slot="xxxxxxxxxxx"
></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Terakhir tinggal kalian save dan lihat hasilnya.agar iklan billboard besar ini sesuai gunakan thema yang besar untuk blog kalian dan memiliki width lebih bear dari 1000px.
0 Comment "Cara Pasang iklan Adsense Billboard Responsive"
Posting Komentar
Pembaca yang baik selalu meninggalkan jejaknya.
Dilarang berkomentar menggunakan LINK AKTIF.