Cara Mudah Membuat Java Script dan File Java Script . Sobat-sobat Blogger pasti sudah tidak asing lagi dengan istilah
Java Script,
oleh karena itu di postingan kali ini kita akan langsung membahas cara
gampang membuat java script atau lebih tepatnya adalah cara mudah
"membentuk java script" yang nantinya bisa langsung dipasang di web/blog
kita serta cara mudah membuat file java script.
Pertama-tama kita akan membahas
cara membuat java script yang bisa langsung kita pasang di web/blog kita dan langsung bisa mengeluarkan fungsi. Berikut langkah-langkahnya:
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;
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 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;
</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,
silahkan surfing di
sini.
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 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;
</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:
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. Selanjutnya, silahkan untuk meng-hosting file tersebut ke
situs file hosting anda. Jika sobat belum tahu apa itu file hosting lalu
bagaimana cara menggunakannya, silahkan untuk membaca postingan
berikut:
5. 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 seperti
http://t4belajarblogger.googlecode.com/files/filealert.js
Maka sebagai hasil, kode tersebut menjadi
<script type="text/javascript" src="http://t4belajarblogger.googlecode.com/files/filealert.js"></script>
6. 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).