Berbagi Sesama Blogger - Blogger Sharing Network

Cari Tutorial

Memuat...

Kamis, 17 Desember 2009

Membuat Tombol PopUp Window


penting Menjadi Ahli Desain Web

penting Lancar Percakapan Bahasa Inggris Cepat!

isi paypal dengan gratis
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
Info Menarik: penting Menjadi Ahli Desain Web penting Lancar Percakapan Bahasa Inggris Cepat! isi paypal dengan gratis

Postingan Menarik Lainnya:



2 comments

31 Juli 2011 03:07

Kerenn KK,,

Makasih tutorialnya,,

follow blog.q yaa @ http://reeranimasi.blogspot.com

30 Mei 2012 13:40

gan..tuker link ya..link nya sudah saya pasang di blog saya..back link ya gan..silahkan di cek di
www.viperdistro.blogspot.com

Poskan Komentar

Komentar anda sangat penting! Oleh karenanya saya sangat berterima kasih bagi anda yang tidak SPAMMING di sini. Komentar SPAM, mengandung SARA, dan menyinggung pihak lain akan saya hapus. Terima kasih telah berkunjung :D

[Tutup]

Submit Link