Membuat Link POP-UP WINDOW Dengan Mudah

Daftar Isi [Lihat]

Membuat link POP-UP WINDOW dengan mudah. - Link pop up window yang saya maksudkan disini adalah seperti ketika meng-klik tombol submit pada email subcribe di blog.

Yang mana kita langsung di arahkan pada window baru dengan ukuran yang lebih kecil.

Langsung saja kita mulai cara membuat link POP-UP WINDOW..

Sebelum menerapkannya pada blog/web kita bisa mencobanya pada komputer secara offline terlebih dulu.

Buat teks document baru.

Rubah ekstensinya yang semula .txt menjadi .html

Lalu open with notepad++ atau notepad bawaan komputer atau teks editor lain.

Baca Juga

Link untuk back to top

Selanjutnya masukkan kode ini kedalam teks dokumen tersebut:

<a onclick="window.open('', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" href="http://www.google.com">Pop-up window</a>

[DEMO]

Ganti http://www.google.com dengan URL tujuan sobat sendiri.

Misal URL tersebut diganti dengan alamat blog sobat maka ketika kita klik pada link tersebut, blog sobat akan ditampilkan pada window baru dengan ukuran yang lebih kecil. 

Untuk ukuran windownya kita bisa mengubah width=550,height=520. 

Selanjutnya Simpan dokumen tersebut.
Dan untuk mencobanya open with browser yang biasa kita gunakan.

Untuk menerapkan pada blog, kita tinggal menggunakan kode tadi untuk ditaruh di widget atau link postingan, terserah sobat.

____
Cara cepatnya adalah menempatkan kode dibawah ini diantara
<a    href="URL SOBAT

Prakteknya seperti ini:
<a onclick="window.open('', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow" href="URL SOBAT

Mudah bukan?
Semoga artikel nembuat link POP-UP WINDOW dengan mudah ini bermanfaat bagi pembaca..
Selamat mencoba..

Membuat link POP-UP WINDOW dengan mudah

cara membuat pop up di html, cara membuat auto pop up di html, Cara Membuat Link Pop Up, Cara Membuat Link Pop Up di Blog, Membuat Pop Up Window dengan Javascript, Membuat Jendela Pop Up Sederhana Menggunakan HTML, Cara Membuat Link Pop Up Di Postingan Blogger, cara membuat pop up otomatis html, membuat pop up alert php, cara membuat pop up javascript, script pop up html, pop up js, cara membuat notifikasi dengan javascript, how to stop pop up ads on windows 10, perintah di javascript yang berfungsi untuk menampilkan data informasi dalam bentuk pop up adalah

Related Posts