Ads 468x60px

Minggu, 30 Oktober 2011

Cara Mudah Membuat Java Script dan File Java Script

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. Jika selesai, maka file nya nanti akan berbentuk seperti berikut:

5. 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:
Cara membuat file hosting dengan Google sites, atau
Cara Membuat file hosting dengan Google code

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 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>

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

0 komentar:

Posting Komentar