Alert message di pasang agar pembaca blog dapat membaca pesan yang ingin kita sampaikan apabila suatu Link di klik atau dapat juga Alert ditampilkan ketika blog dibuka. disini saya akan menjelaskan cara membuatnya.
Salah satu contohnya seperti ini, Buka blog saya
Alert message 1
Untuk Alert Message yang ini bila sudah di klik, tidak dapat di Cancel lagi.
Untuk membuatnya, gunakan kode ini:
<a href="http://www.google.com/" onclick="alert('Pesan anda ditampilkan disini')" ><strong>Klik disini</strong></a>
Hasil: Klik disini
Teks berwarna hijau adalah url tujuan
Teks berwarna merah adalah pesan yang akan ditampilkan
Teks berwarna biru adalah teks yang akan ditampilkan
Alert message 2: Confirm Box
Untuk Alert Message yang ini bila sudah di klik, masih dapat di Cancel.
Untuk membuatnya, gunakan kode ini:
<a onclick="return confirm('Anda yakin?')" href="http://www.google.com/"><strong>Klik disini</strong></a>
Hasil: Klik disini
Teks berwarna hijau adalah url tujuan
Teks berwarna merah adalah pesan yang akan ditampilkan
Teks berwarna biru adalah teks yang akan ditampilkan
Alert message 3: Welcome Message
Terkadang alert mesage tidak muncul apabila loading belum selesai
Cara membuatnya
1. Buka "Tata Letak" >>> "Edit HTML"
2. Paste kode ini diatas <head>
<SCRIPT quality='high' type='text/javascript'>
var name = prompt(" Halo! ", "your name here");
alert("salam kenal ya "+name) // goodbye alert
function goodbye(){
alert('Berkunjung lagi ya!');}
parent.window.onunload=goodbye;
// welcome alert
alert ("Selamat datang!")
</SCRIPT>
Keterangan:
Script warna hijau:
var name = prompt(" Halo! ", "your name here");
--Bagian ini dapat dihapus, jangan lupa untuk menghapus script warna biru tua--
Hasil:
Teks warna oranye adalah teks di dalam kotak nama
Script warna biru tua:
alert("salam kenal ya "+name)
Hasil:
Script warna biru muda:
// welcome alert
alert ("Selamat datang!")
alert ("Selamat datang!")
--Jika ingin menambah jumlah alert ini, copy kode ini 2 kali atau lebih lalu paste dibawah kode ini--
hasil:
Teks warna merah adalah teks yang akan ditampilkan
Script warna ungu:
Alert ini ditampilkan saat window/tab di close
// goodbye alert
function goodbye(){
alert('Berkunjung lagi ya!');}
parent.window.onunload=goodbye;
hasil:
0 komentar:
Posting Komentar