Kamis, 17 Desember 2009

Membuat Tombol PopUp Window

Setelah kita membahas tentang tutorial blogger "Cara Membuat Auto Popup Window" nah tibalah waktunya kita membahas bagaimana cara membuat/menampilkan popup window pada blog kita namun tidak secara automatis, dengan kata lain harus ada proses yang melibatkan brainware (pengguna/manusia...ya kita..)^

Sebagai contohnya saja yaitu tombol popup window berikut (coba diklik yaaa....)



Nah bagaimana...kelihatan unik dan menarikkan?

bagi teman-teman yang ingin memasang tombol popUp window di blognya maka teman2 hanya membutuhkan script berikut


<div style="text-align: center;"><form onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tutorialbloggingdiblogger&loc=en_US','popupwindow','scrollbars=yes, width=550,height=550');return true"><input value="BERLANGGANAN TUTORIAL BLOGGER" type="submit"></form></div>



Keterangan:

Merah=rataan tombol, bisa diganti left untk kiri dan right untuk kanan.
Biru=alamat URL yang ingin ditampilkan di dalam popUp window.
orange=kalau anda memilih "yes" maka window yg muncul nanti akan memiliki scroolbar, kalau "no", yaaaa...gak muncul scroolbar (juga tergantung besar-kecilnya window/ukuran aslinya)
hijau=adalah tinggi dan lebar window yang akan muncul. Silahkan diatur sesuai keinginan anda.
Lumut=tulisan yang muncul pada tombol popUp window. Pada contoh di atas, saya menggunakan kata "BERLANGGANAN TUTORIAL BLOGGER"


Bagaimana teman2 cukup gampang dan simple bukan......?





Semoga Bermanfaat []

Tags: tombol popup window, membuat tombol popup, cara mudah popup window blogger, kode script tombol popup window, kode HTML tombol popup window