05
Mar
2010
Mar
2010
Cara memunculkan pesan/alert box
Posted by: adminCara memunculkan alert box diblog kamu.
Pesan/alert box ini akan muncul bila ada yang datang berkunjung ke blog kamu sebagai ucapan selamat datang.
Kamu bisa mengganti isi pesannya sesuka kamu.
Contoh gambar:
|
Untuk memunculkan alert box seperti contoh diatas, pasang kode javascript berikut pada bagian <head> blog/website kamu
Salin kode JAVASCRIPT
1 2 3 | <script language="javascript" type="text/javascript"> alert('Selamat Datang di blog Saya. Jangan malu-malu untuk memberikan komentar'); </script> |
Alert box 1
Alert box yang berikut ini akan muncul bila seseorang membayangi mouse/pointer nya diatas sebuah link. Kodenya:
Salin kode JAVASCRIPT
1 | <a href="noplace" onMouseover="alert('Hey! Blog ini sangat OK!')">Mouseover</a> |
Alert box 2
Alert box yang berikut ini akan muncul bila sebuah tombol diklik.
Kodenya:
Salin kode JAVASCRIPT
1 2 3 4 | <FORM> <INPUT type="button" value="Menggunakan tombol biasa" onClick="alert('Dengan tombol juga OK!')"> </FORM> |
Alert box 3
Dengan menggunakan tombol berwarna. kodenya:
Salin kode JAVASCRIPT
1 2 3 4 | <FORM> <INPUT TYPE="button" style=" background-color:#660099; color:#FFFFFF;" onfocus="this.blur()" VALUE="Menggunakan tombol berwarna" onClick='alert("Tombol berwarna juga OK!")'> </FORM> |
Alert box 4
Kamu juga dapat menambah isi pesan lain setelah tombol OK pada alert box di klik.
Kodenya jadi seperti ini:
Salin kode JAVASCRIPT
1 2 3 4 5 | <a href="noplace" onClick=" alert('Kamu sudah OK?'); alert('Beneran sudah OK nih?'); alert('Ah masa...??'); alert('OK deh.. percaya');return false;">Klik</a> |
Demo alert box:
Selamat mencoba..!!
memuat halaman
iklan
Postingan yang lain:
Waaaaahhh.. makasih banget nich gan.. ane gi blajar..hehehe
gan soryy nii ane lagi..mau nanya kalo yang ini bisa kagag pake di wordpress yang gratisan..
hehehhe
yg ini juga gak bisa gan…
pak gan, kalo alert box ke 4 itu jadinya ga perlu diclick (baru masuk blog) nya gymana ya ?
pakai kode yg paling atas, trus tinggal nambahin baris
alertnya aja gan..tapi masih bisa di stop(prevent this page from creating additional dialogs) ???
beberapa browser mungkin ada menu prevent nya gan, mo gmn lg..
Gan Gimana Caranya Membuat tool bar seperti di web site Agan
toolbar ini namanya Jquery Fubar gan,
aku gak punya tutorialnya gan..
di google ada kok gan
terimakasih atas responenya
boleh juga di coba nih biar terkesan gmn gitu buat yg berkunjung di blog