script membuat alert box di blog anda

Berikut ini saya akan memberitahu cara memunculkan message box atau alert box di Blog kamu dengan menggunakan

javascript. Message box ini akan muncul sebagai pop up box sebelum visitor dapat melihat Blog kita. Tapi ingat, ini hanya berfungsi pada blogger atau blogspot. Tidak berfungsi pada wordpress dan juga co.cc

Ada beberapa cara menampilkan message box di Blog kamu.

1. Pop up box dengan tombol OK

Kita akan membuat pop up box dengan contoh seperti berikut.

Untuk membuat message box tersebut, log in ke account Blogger kamu, klik TEMPLATE-> PAGE ELEMENTS

-> ADD A PAGE ELEMENT, kemudian pilih HTML/JavaScript. Paste kode dibawah ini:

<script type=”text/javascript”> alert(‘Tulis text kamu disini!!!!!!!!!‘) </script> <noscript>Enable javascript in your browser to view an important message.</noscript>

2. Pop up box dengan tombol konfirmasi

Message box ini akan menampilakan pop up box dengan tombol “OK” dan “CANCEL”.

Jika visitor mengklik tombol “OK” maka mereka akan masuk ke Blog kita, tapi jika mereka

mengklik “CANCEL” maka mereka akan diarahkan ke situs lain.

Untuk menampilkan message box tersebut klik TEMPLATE-> PAGE ELEMENTS

-> ADD A PAGE ELEMENT, kemudian pilih HTML/JavaScript. Paste kode dibawah ini:

<script type=”text/javascript”> confirm(‘Apakah kamu yakin mau masuk situs ini?????‘); if (confirm(‘Apakah kamu yakin mau masuk situs ini???????‘)) { window.location = “URL ALAMAT SITUS KAMU“; } else { window.location = “URL ALAMAT SITUS JIKA MENGKLIK CANCEL“; } </script>

3. Message box dengan kotak isian.

Pop up box ini dapat digunakan untuk memasukkan username, nama visitor atau isian lainnya yang kalian mau.

Contoh yang ini akan membuat visitor memasukkan nama mereka sebelum masuk ke Blog kita.

Klik TEMPLATE-> PAGE ELEMENTS

-> ADD A PAGE ELEMENT, kemudian pilih HTML/JavaScript. Paste kode dibawah ini:

<script type=”text/javascript”> var yourName = prompt(“Masukkan nama anda terlebih dahulu!!!!“, “Reader“); </script>

Maka akan muncul pop up box seperti ini:

Kemudian tambahkan Page Element->HTML/JavaScript lagi di Post Body dan masukkan kode ini:

Welcome back <script type=”text/javascript”>document.write(yourName)</script>! Feel free to look around. If you like what you read, mention us in your post or link to this site. Hope to see you again<script type=”text/javascript”>document.write(yourName)</script>

Maka akan muncul pesan selamat datang seperti ini:

Kamu dapat mengganti text tersebut sesuai keinginan kamu.

 

 

 

sumber   http://sevenelf-misty.blogspot.com/2011/04/script-membuat-alert-box-di-blog-anda.html