Cara Membuat Widget Iklan Melayang di Bawah Blog

Cara Membuat Iklan Melayang Responsive Dibawah Blog dengan Tombol Close. (Gambar: AdityaTekno.com)

Apakah sobat pernah melihat banner iklan melayang di bawah halaman web? Sekarang kita akan belajar membuat widget iklan melayang di bawah blog. Saat blog terbuka, banner iklan akan langsung tampil di footer blog dan atau terus mengikuti saat discroll ke bawah. Ada tombol close atau keluar untuk menghilangkan iklan bagi yang tidak menghendaki.

Blog yang potensial banyak dikunjungi bisa dipasangi iklan, karena berpotensi untuk diklik dan menghasilkan rupiah. Iklan yang tergeletak di footer ini bisa memaksimalkan pendapatan dari blog. Cara untuk membuat iklan melayang di bagian footer blog juga mudah, tidak perlu sampai mengedit template blog. Tertarik untuk mencobanya?

Cara Membuat Iklan Melayang di Footer Blog

  1. Masuk ke blogger.com
  2. Pilih Tata Letak kemudian Tambah Gadget
  3. Pilih HTML/JavaScript
  4. Masukkan kode HTML berikut ini:
<div style="position: fixed; bottom: 0; width: 100%; background-color: red; color: white; padding: 10px; text-align: center;">
  <p>Ini adalah iklan melayang di bawah blog!</p>
  <p><a href="#" style="color: white;">Close</a></p>
</div>

Kamu dapat mengeditnya sendiri untuk menyesuaikan dengan ukuran banner dan kode iklan, warna merah adalah kode yang dapat kamu ganti. Setelah terpasang, maka banner iklan akan muncul di footer blog, jangan khawatir, iklan ini ada pilihan close atau keluar jadi tidak terlalu mengganggu pembaca blog.

Selamat Mencoba. Semoga Berhasil..!



https://news.google.com/publications/CAAqBwgKMN3MrAww6sy4BA?

Related posts