1. Kita akan menggunakan sampel script alert perpisahan, sebagai berikut:
// goodbye alert
function goodbye(){
alert('Hidup hanya sebentar bagai mampir minum saja, ya sudah biar gak minum aja lain kali mampir lagi dunk ke blognye ane!^');
}
parent.window.onunload=goodbye;
function goodbye(){
alert('Hidup hanya sebentar bagai mampir minum saja, ya sudah biar gak minum aja lain kali mampir lagi dunk ke blognye ane!^');
}
parent.window.onunload=goodbye;
2. Di atas itu hanyalah script mentahan, belum bisa kita tampilkan langsung di web/blog kita, agar bisa berfungsi di blog kita maka kita akan memberi perintah HTML seperti berikut:
<script type="text/javascript">
// goodbye alertfunction goodbye(){
alert('Hidup hanya sebentar bagai mampir minum saja, ya sudah biar gak minum aja lain kali mampir lagi dunk ke blognye ane!^');
}
parent.window.onunload=goodbye;
</script>
Yang telah saya tandai dengan warna merah merupakan perintah yang nantinya akan mengeluarkan fungsi dari script di atas. Jika ingin tahu bagaimana nanti hasil dari fungsi script di atas,
Lalu yang selanjutnya adalah membuat file Java Script
Hampir sama dengan java script itu sendiri (yang telah kita bahas di atas), akan tetapi pembentukan file Java Script lebih ke alasan agar lebih simple serta lebih enak dipandang, selain itu beberapa blogger ada juga yang mengatakan untuk mempercepat load blog. Kembali ke sudut pandang masing-masing, yang jelas dengan membentuk java script menjadi berupa file akan kelihatan lebih simple dan enak dipandang.
Berikut langkah-langkahnya:
1. Kita tetap fokus kepada kode script yang telah kita bahas di atas, yaitu:
<script type="text/javascript">
// goodbye alertfunction goodbye(){
alert('Hidup hanya sebentar bagai mampir minum saja, ya sudah biar gak minum aja lain kali mampir lagi dunk ke blognye ane!^');
}
parent.window.onunload=goodbye;
</script>
2. Untuk memulai membuat file Java Script, silahkan untuk membuka notepad. Caranya klik Start => Lalu "All Programs" => Accessories => Pilih "Notepad" dan pastekan kode berikut tanpa kode yang telah saya tandai warna merah, sehingga nanti menjadi
// goodbye alert
function goodbye(){
alert('Hidup hanya sebentar bagai mampir minum saja, ya sudah biar gak minum aja lain kali mampir lagi dunk ke blognye ane!^');
}
parent.window.onunload=goodbye;
Tampilan pada notepad:function goodbye(){
alert('Hidup hanya sebentar bagai mampir minum saja, ya sudah biar gak minum aja lain kali mampir lagi dunk ke blognye ane!^');
}
parent.window.onunload=goodbye;
3. Jika sudah, silahkan untuk menyimpan file tersebut dengan nama blabla.js, sebagai contoh kita akan menyimpan file dengan nama filealert.js dengan Save as type "All Files"
4. Jika selesai, maka file nya nanti akan berbentuk seperti berikut:
5. Selanjutnya, silahkan untuk meng-hosting file tersebut ke situs file hosting anda.
6. Jika sobat sudah memiliki/membuat file hosting maka sobat nanti akan mendapatkan sebuah URL file java script sobat yang biasanya bereksistensi JS di belakangnya. Maka yang harus sobat lakukan selanjutnya adalah menganbil URL tersebut dan memasangnya (mengapitnya) ke dalam kode berikut:
<script type="text/javascript" src="Alamat URL file javascript_sobat.js"></script>
Silahkan diganti tulisan Alamat URL file javascript_sobat.js dengan URL JS sobat
7. Bagi sobat yang ingin mencobanya, silahkan untuk login ke akun
blogger sobat, lalu klik "rancangan" => Klik "tambah gadget" =>
Pilih Gadget HTML/Javascript dan pastekan kode berikut di dalamnya
<script type="text/javascript" src="http://t4belajarblogger.googlecode.com/files/filealert.js"></script>
Silahkan lihat hasilnya di blog sobat, pasti setiap kali sobat
ingin meninggalkan (close) blog/postingan sobat maka akan muncul pesan
seperti berikut
Selamat, sekarang sobat sudah bisa membuat file JS serta cara memasang java script langsung ke web/blog tanpa harus meng-hosting-nya terlebih dahulu.
NB: Trik membuat file JS cocok untuk code script apa saja mungkin dengan tujuan untuk mempersingkat code, dll. Jika sobat ingin peraktek, silahkan untuk menggunakan code script pada postingan yang berjudul "Cara membuat menu omni slide" yang telah kita bahas kemarin-kemarin (mengingat code script menu tersebut sangat panjang sekali).
Semoga bermanfaat
