Mohon tunggu...
Ferry Alamsyah
Ferry Alamsyah Mohon Tunggu... Penulis - Digital Marketing

Founder (Olshopinbae, Sandal Bandung, Ferrymarket) | Digital Marketing | Dropshipper | Blogger | Membangun usaha berbasis digital | Kontak: halo@ferry.biz.id

Selanjutnya

Tutup

Gadget Pilihan

Cara Sederhana Pasang Jendela Popup di Blog dengan Kode HTML

16 Desember 2020   12:55 Diperbarui: 16 Desember 2020   16:35 1315
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.
Lihat foto
Tampilan jendela popup pada halaman blog setelah berhasil terpasang/Gambar: Editing pribadi

Jendela popup ini pernah saya terapkan di Blog pribadi. Saat itu tujuan saya memasang jendela pop-up untuk mempromosikan barang dagangan saya sendiri berupa macam-macam sandal buatan lokal (Bandung). Namun karena dirasa mengganggu maka saya copot jendela popup tersebut.

Dapat dimaklumi bahwa segala jenis promosi iklan yang mengganggu apalagi berupa jendela popup tak disukai oleh para pengunjung blog. Beda halnya jika digunakan untuk keperluan lain seperti pengumuman atau lainnya.

Bagi yang belum mengetahui, jendela pop-up adalah tampilan yang muncul ketika kita mengakses sebuah situs seperti yang terlihat pada gambar atas. Biasanya untuk menghilangkannya, cukup klik tanda silang (x) dibagian yang sudah ditentukan si pembuat.

Jendela popup gunanya bukan hanya untuk mempromosikan suatu produk. Anda bisa juga memasangnya untuk moment-moment tertentu. Misalkan ketika hari raya idhul fitri, anda bisa memasangnya dengan tampilan berupa kalimat "Selamat Hari Raya Idhul Fitri" dan lain-lain.

Bagi anda yang ingin mencoba memasang jendela pop-up, berikut kode HTML-nya yang saya simpan di Google Docs, silakan klik di sini (kode HTML tidak bisa ditulis di sini).

Penjelasan:

  • Hijau: warna background jendela popup, anda bisa merubah warna dengan cara menggantinya dengan kode warna sesuai selera.
  • Merah: ubah dengan kalimat yang anda inginkan.
  • Biru: Hyperlink gambar, ganti dengan gambar yang anda inginkan.

Cara pasang:

Caranya sederhana alias tanpa menambahkan CSS yang rumit seperti tutorial 'tetangga sebelah' yang mengharuskan edit melalui layout/template.

Pasang kode HTML tersebut cukup di widget blog: Dasbor > Tata letak > Tambahkan Gadget > HTML/Javascript (tanpa judul) > Simpan.

Selamat mencoba, semoga berhasil. 

------------

Sumber: Blog pribadi

Mohon tunggu...

Lihat Konten Gadget Selengkapnya
Lihat Gadget Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun