1. Home
  2. cara
  3. google adsense
  4. seomarketing
  5. Cara membuat iklan google adsense menjadi responsive diblog

Cara membuat iklan google adsense menjadi responsive diblog

June 27, 2017

Baca Juga

Halo... pada kesempatan kali ini saya akan mencoba berbagi tentang cara membuat iklan google adsense menjadi responsive diblog, sulit gak ?

jawabannya sama, gampang banget kok cuma butuh ketelitian aja. Ok, kita mulai ya.
Langkah - langkah nya sebagai berikut :

1. Masuk dulu ke blog
2. Masuk ke akun google adsense punya sendiri, jangan punya orang laen
3. Ambil kode iklan dari unit iklannya (diasumsikan udah buat sendiri ya)

contoh kode nya seperti ini


<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>



<ins class="adsbygoogle" 



data-ad-client="ca-pub-xxxxxx" 

data-ad-slot="xxxx" 


(adsbygoogle = window.adsbygoogle || []).push({});



style="display: inline-block; height: 280px; width: 336px;"></ins>

<script>


</script>

kalo udah dapet kode seperti diatas, lanjut
4. Dibagian style, <ins class tambahin ini responsive-ads pas disamping adsbygoogle ya dan dikasih spasi
5. Kemudian buka web ini Blogger Ad Code Converter terus copy kode kalian tadi kehalaman web barusan dan klik convert ad code

6. Setelah terconvert, masukin ke template html kalian, kalo kalian gak mau ribet, kode iklan gak usah diconvert, langsung ambil aja, tambahin class responsive-ads terus masukin ke widget diblog kalian.
7. Langkah terakhir, tambahin style baru di template kalian, berikut kode nya


<style>



.responsive-ads { width: 320px; height: 50px; }



@media(min-width: 500px) { .responsive-ads { width: 468px; height: 60px; } }



@media(min-width: 800px) { .responsive-ads { width: 728px; height: 90px; } }



</style>

Jika kode diatas sudah ditambahkan, nanti iklan yang kalian pasang diwidget akan mengikuti perubahan ukuran layar.
Penjelasannya begini, jadi kalo layar berukuran minimal 500px, otomatis iklan akan berukuran 468x60, kalo layar nyampe keukuran 800px iklan diubah ke ukuran 728x90, dengan catatan ini iklan buat header ya yang panjang kesamping, kalo kalian mau buat untuk iklan yang panjang kebawah atau kotak, kalian bisa ubah stylenya aja. 

Kalo udah ngikutin semua langkah diatas tapi iklan tidak muncul atau blank space, kalian bisa baca postingan saya berikut  Cara Mengatasi iklan google adsense tidak muncul di blogger

Nah, itu tadi Cara membuat iklan google adsense menjadi responsive diblog semoga bermanfaat ya. Terima kasih.




Subscribe via Email

Related Post

0 Response to "Cara membuat iklan google adsense menjadi responsive diblog"

Post a Comment

Subscribe to: Post Comments (Atom)