Cara Membuat Kotak Alert Message(2)
OK langsung saja ke pembahasanya:
1. Seperti biasa, login ke blogger. Lalu masuk ke menu Design -> Edit HTML
2. Letakkan kode berikut ini dibawah <head>atau tepatnya diantara <head> dan <b:skin>
<script type='text/javascript'>
if (confirm("Terima kasih telah mengunjungi blog ini. Klik OK untuk melanjutkannya")) {
window.location = "http://www.anaktimor-17.blogspot.com/";
}
else {
window.location = "http://google.com/";
}
</script>
if (confirm("Terima kasih telah mengunjungi blog ini. Klik OK untuk melanjutkannya")) {
window.location = "http://www.anaktimor-17.blogspot.com/";
}
else {
window.location = "http://google.com/";
}
</script>
Keterangan:
Tulisan yang dicetak tebal adalah teks yang muncul dalam kotak alert. Silahkan ganti dengan teks yang anda inginkan
Tulisan berwarna merah adalah alamat web yang akan terbuka jika pengunjung klik OK
Tulisan berwarna hijau adalah alamat yang akan terbuka jika pengunjung klik Cancel atau Close
3. Kalau sudah, klik Save Template dan lihat hasilnya
Selain kotak alert yang sudah dibawah diatas masih ada 1 jenis lagi yaitu kotak alert dengan prompt field yang contohnya seperti dibawah ini.
Untuk membuat kotak alert ini caranya sama dengan diatas. Bedanya hanya pada scriptnya. Agar lebih jelas silahkan perhatikan cara dibawah ini.
1. Login ke blogger. Lalu buka menu Design -> Edit HTML
2. Masukkan script berikut dibawah kode <head>
Tulisan yang dicetak tebal adalah teks yang muncul dalam kotak alert. Silahkan ganti dengan teks yang anda inginkan
Tulisan berwarna merah adalah alamat web yang akan terbuka jika pengunjung klik OK
Tulisan berwarna hijau adalah alamat yang akan terbuka jika pengunjung klik Cancel atau Close
3. Kalau sudah, klik Save Template dan lihat hasilnya
Selain kotak alert yang sudah dibawah diatas masih ada 1 jenis lagi yaitu kotak alert dengan prompt field yang contohnya seperti dibawah ini.
Untuk membuat kotak alert ini caranya sama dengan diatas. Bedanya hanya pada scriptnya. Agar lebih jelas silahkan perhatikan cara dibawah ini.
1. Login ke blogger. Lalu buka menu Design -> Edit HTML
2. Masukkan script berikut dibawah kode <head>
<script type='text/javascript'>
var name = prompt("Masukkan nama anda disini", "Nama");
alert("Welcome to my blog")
</script>
var name = prompt("Masukkan nama anda disini", "Nama");
alert("Welcome to my blog")
</script>
Perhatian:
Jika anda sudah pernah memasang script kotak alert maka dihapus dulu scriptnya sebelum memasang script ini.
Teks yang dicetak tebal merupakan pesan yang muncul dalam kotak alert
Teks yang berwarna merah merupakan teks yang muncul dalam kotak jawaban.
Teks yang berwarna hijau merupakan pesan yang muncul setelah pengunjung klik OK. Silahkan ganti sesuai keinginan.
3. Kalau sudah, klik Save Template.
4. Selesai. Silahkan liat hasilnya.
Selamat mencoba!!!
Asyikkk 1 komentar telah masuk :
pertamax dah