Senin, 01 November 2010

Cara memunculkan pesan/alert box

Ingin menyambut kedatangan pengunjung blog anda?
Pesan/alert box ini akan muncul bila ada yang datang berkunjung ke blog anda sebagai ucapan selamat datang.
Anda bisa mengganti isi pesannya sesuka hati.

Untuk memunculkan alert box seperti contoh diatas, pasang kode javascript berikut pada bagian <head> blog/website kamu
Kodenya:



<script language="javascript" type="text/javascript">
alert('Selamat Datang di blog Saya. Jangan lupa memberikan komentar');
</script>







Contoh yang lain:

Alert box 1
Alert box yang berikut ini akan muncul bila seseorang membayangi mouse/pointer nya diatas sebuah link. Kodenya:


<a href="noplace" onMouseover="alert('Selamat datang...')">Mouseover</a>

Alert box 2
Alert box yang berikut ini akan muncul bila sebuah tombol diklik.
Kodenya:


<FORM>
<INPUT type="button" value="Tombol biasa"
onClick="alert('Ini juga bisa dipakai!')">
</FORM>

Alert box 3
Dengan menggunakan tombol berwarna. kodenya:



<FORM>
<INPUT TYPE="button" style=" background-color:#660099; color:#FFFFFF;" onfocus="this.blur()" VALUE="Menggunakan tombol berwarna" 
onClick='alert("Tombol berwarna keren!")'>
</FORM>


Alert box 4
Kamu juga dapat menambah isi pesan lain setelah tombol OK pada alert box di klik.
Kodenya jadi seperti ini:


<a href="noplace" onClick="
alert('OK?');
alert('Beneran sudah OK nih?');
alert('OK deh.. percaya');return false;">Klik</a>

Selamat mencoba..!!



Contoh:

Mouseover





Klik

Tidak ada komentar:

Posting Komentar

 

Ping

Computers Top Blogs Computers Blogs My Ping in TotalPing.com pingoat_9.gif