Pada materi ini kita akan menggunakan javascript untuk membuat gadget. Gadget biasanya digunakan oleh para blogger untuk menghias blog miliknya. Gadget yang akan kita ciptakan pada materi ini adalah Window Pop Up Message atau pesan yang akan ditampilkan pertama kali setiap pengunjung membuka blog. Jika anda penasaran seperti apa itu Window Pop Up Message, saya telah menyediakan demonya di sini.
Pada saat membuat window pop up message kita akan akan bertemu dengan fungsi alert() yaitu fungsi yang digunakan untuk menampilkan pesan melayang. Pesan melayang ini bisa kita manfaatkan sebagai kalimat pembuka untuk blog kita. Sebelum anda belajar membuat pesan melayang/ window pop up message di blog, saya akan memberi tahu dulu bagaimana cara membuatnya pada jendela offline.
Cara Membuat Window Pop Up Message di Jendela Offline
1. Buka notepad anda
2. Salin kode berikut :
3. Simpan dengan nama hello_world.html pada folder javascript.<script> alert("Hello World !"); </script>
4. Lihat hasilnya.........
Sudahkah anda melihat hasilnya? Nah kira-kira seperti itulah window pop up message yang akan kita buat di blog nanti. Sekarang waktunya belajar membuat window pop up message pada blog
Cara Membuat Window Pop Up Message pada Blog
1. Buka blog anda
2. Masuk ke halaman design
3. Klik tombol add gadget
4. Cari gadget text/ javascript, lalu klik tombol add (tanda +)
5. Salin kode berikut :
<script>
alert("Selamat datang di blog saya !");
</script>
6. Selesai
Jika anda ingin melihat hasil percobaan di atas silahkan klik link ini.
Sudahkah anda puas melihat hasilnya? Sekarang kita buat Window Pop Up Message untuk pesan penutup blog kita
Sudahkah anda puas melihat hasilnya? Sekarang kita buat Window Pop Up Message untuk pesan penutup blog kita
Cara Membuat Window Pop Up Message untuk Pesan Penutup
1. Buka blog anda
2. Masuk ke halaman design
3. Klik tombol add gadget
4. Cari gadget text/ javascript, lalu klik tombol add (tanda +)
5. Salin kode berikut :
6. Selesai, anda bisa melihat demo pesan penutup di sini<html> <body onunload="alert('Terima kasih telah berkunjung di blog saya !')"> </body> </html>
nice info gan, thanks
Sederhana tapi langsung berfungsi dengan baik, tarima kasih banyak mas sukses selalu untuk anda!
Thank u very much. Sukses untuk anda juga! :)
terimakasih banyak sob, bermanfaat sekali tutornya
keren... yang ini lho yang saya cari dari dulu-dulu... sederhana tapi Muantap... mohon dilihat hasilnya Bro di -->hroen20.com
Ingin beruntung seperti temen-temen kamu?
Langsung saja kamu mendaftar di AsliBandar dan rasakan permainan yang akan membuat hidupmu berwarna.
Dengan Deposit yang terjangkau kamu berkesempatan menangkan Jackpot setiap harinya.
Ingin beruntung seperti temen-temen kamu?
Langsung saja kamu mendaftar di www.AsliBandar.net dan rasakan permainan yang akan membuat hidupmu berwarna.
Dengan Deposit yang terjangkau kamu berkesempatan menangkan Jackpot setiap harinya.
Untuk Info lebih lanjut silahkan menghubungi kami melalui :
Pin BB : 2B3C34F4
YM : Aslibandar_CS
Skype : AsliBandar
Telp : +855882388666
FB : AsliBandar
Halo Bossku ^^
Segera Daftarkan ID di skb288,com
Menyediakan 7 Permain Hanya Dengan 1 ID
Serta Tersedia Promo Menarik
Bonus Turn Over Terbesar
Bonus Refferal Seumur Hidup
Minimal Deposit Hanya 20Rb
BBM : D8E87241
WA : +62 878 8707 6927
Di Tunggu Kehadirannya Bossku ^^
Saya kok gak berhasil ya? link demonya yang masih berfungsi mana ya, yang di atas mati semua linknya?