Jumat, 21 September 2012

Cara memunculkan pesan/alert box

Cara 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>





<– Style alert box yang lain –>

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>

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...