Tutorial membuat Popup Iklan dan Gambar melayang di Blog

Tutorial membuat Popup Iklan dan Gambar melayang  di Blog

Kali Ini Admin akan membagikan tutorial mengenai Popup Iklan gambar Otomatis dan tentunya menarik perhatian pengunjung blog anda. Popup Banner ini bisa berfungsi sebagai banner Iklan blog anda  jika ada yang ingin mempromosikan Jasa atau produk di blog anda.  Oke, Langsung saja ke tutorialnya:

Note :Pop up banner iklan ini disertai dengan tombol close di pojok kanan atas luar banner dan akan muncul beberapa detik setelah pengunjung membuka halaman blog. Sebagai catatan pop up banner ini akan muncul di setiap Kamu membuka halaman baru, tidak hanya di homepage saja.

Cara membuat Popup Banner di Blogger.com

Berikut ini Tutorial cara membuat Popup Banne di Blogger.com

1. Buka Dashboard Blogger Anda.

2. Pilih "Tema" kemudian klik "Edit HTML.

4 Copy dan paste kode di bawah ini di atas kode  </body>

See the Pen Popup Code by Asep Surya S (@asep-surya-s) on CodePen.

CATATAN:

• Kode width:800px;height:400px; menyesuaikan dengan ukuran banner yang akan dipasang, sedang kan untuk kode margin:-200px 0 0 -400px; disesuaikan dengan tinggi dan lebar banner dibagi dua.
• Kode <a href="#" target="_blank" rel="noopener noreferrer" title="box"> dan <a dapat dihilangkan jika Kamu memasang banner tanpa mengarahkan ke link tujuan. Kode box dapat Kamu ganti dengan teks sesuai keinginanmu. Kode # ganti dengan url yang ingin dituju.
• Kode amp;times; ubah menjadi &amp;times; jika Kamu memasangnya di blogger.
• 5000 merupakan waktu jeda munculnya banner di blog. Tambah atau kurangi untuk mengganti waktu jeda.

Demikian tutorial mengenai cara membuat pop up banner iklan di web. Atau jika Kamu mencari cara membuat iklan melayang di blog, bisa juga menggunakan cara ini