Cara Memasang Iklan Float Adsense Di Bagian Kiri Paragraf Pada Template Responsive

Pada artikel ini akan menjelaskan tentang cara memasang iklan google adsense secara float atau mengambang pada bagian kiri paragraf pertama pada template responsive.

Kenapa saya menyebut pada template responsif ?, karena waktu saya memasang iklan dibagian samping kiri paragraf pertama, saya mengalami masalah dengan posisi iklan yang tidak berubah ketika dilihat dari smartphone menggunakan view responsive. Malah iklan tetap mengambang dibagian kiri paragraf sehingga teks pada paragraf pertama menjadi kurang bagus.

Seharusnya ketika view responsive, posisi iklan akan berubah diatas paragraf pertama dan dibawah judul.

Untuk itu, tipdantrik akan berbagi pengalaman tentang tips memasang iklan google adsense secara float yang berada disamping kiri paragraf pertama pada template responsive :

1. Login ke blogger.

2. Pada bagian Dashboard terdapat beberapa menu yang terletak dibagian kiri, selanjutnya klik menu Tema =>Edit HTML.

3. Selanjutnya tekan tombol CTRL+F pada keyboard yang berfungsi untuk mempermudah dalam mencari dan meletakkan kode pada mode edit HTML.

4. Cari kode </style> atau ]]></b:skin> 

5. Copy kode CSS dibawah ini

.adspost{margin-right:20px;margin-top:8px;margin-bottom:7px;float:left;display:block;width:300px;height:250px}

@media screen and (max-width:414px){
.adspost{margin:0 15px !important;float:none;text-align:center;width:auto;height:auto}
}

dan letakkan tepat di atas kode ]]></b:skin> atau </style>.
6. Sekarang tinggal memasang kode adsense agar sesuai dengan tujuan awal yaitu iklan mengambang dibagian kiri paragraf pertama.
7. Cari kode HTML <data:post.body/> kode ini berjumlah mulai dari 1 sampai 4, kalau pada template default bawaan blogger sekitar 2 sedangkan pada template gratis maupun premium berkisar sampai 4 dan letakkan pada bagian 2 jika tidak bisa, coba tempatkan pada bagian 3 atau ke 4.
8. Copy kode dibawah ini

<div class='adspost'>
        <!-- Letakkan kode iklan google adsense yang telah anda copy dari dashboard -->
</div>

setelah itu, letakkan tepat diatas <data:post.body/> 
9. Terakhir Simpan Tema.

Penjelasan:
penyebab iklan berubah ketika dalam mode responsif adalah perubahan kode CSS dengan menambahkan @media Screen dengan batasan layar sampai 414 pixel.

Tapi jika anda ingin memasang jenis iklan float kiri untuk template bawaan blogger seperti Notable (Terkemuka) tidak perlu mengikut sertakan media screen karena dari percobaan yang telah saya lakukan sudah langsung berubah secara otomatis.

Untuk ukuran iklan yang cocok dengan posisi ini adalah iklan 300x250 atau anda bisa bereksperimen dengan ukuran yang lain.

kotak subscribe

Subscribe to receive free email updates: