Cari Blog Ini

Cara MudahMembuat Java Script dan File Java Script



Cara MudahMembuat Java Script dan File Java Script .Sobat-sobat Blogger pastisudahtidakasinglagidenganistilahJava Script, olehkarenaitu di postingan kali inikitaakanlangsungmembahascaragampangmembuat java script ataulebihtepatnyaadalahcaramudah "membentuk java script" yang nantinyabisalangsungdipasang di web/blog kitasertacaramudahmembuat file java script.

Pertama-tama kitaakanmembahascaramembuat java script yang bisalangsungkitapasang di web/blog kitadanlangsungbisamengeluarkanfungsi. Berikutlangkah-langkahnya:

1. Kita akanmenggunakansampel script
alert perpisahan, sebagaiberikut:
// goodbye alert
function goodbye(){
alert('Hiduphanyasebentarbagaimampirminumsaja, yasudahbiargakminumaja lain kali mampirlagi dunk keblognyeane!^');
}
parent.window.onunload=goodbye;

2. Di atasituhanyalah script mentahan, belumbisakitatampilkanlangsung di web/blog kita, agar bisaberfungsi di blog kitamakakitaakanmemberiperintah HTML sepertiberikut:
<script type="text/javascript">
// goodbye alert
function goodbye(){
alert('Hiduphanyasebentarbagaimampirminumsaja, yasudahbiargakminumaja lain kali mampirlagi dunk keblognyeane!^');
}
parent.window.onunload=goodbye;
</script>

Yang telahsayatandaidenganwarnamerahmerupakanperintah yang nantinyaakanmengeluarkanfungsidari script di atas. Jikaingintahubagaimananantihasildarifungsi script di atas, silahkan surfing di
sini.


Lalu yang selanjutnyaadalahmembuat file Java Script

Hampirsamadengan java script itusendiri (yang telahkitabahas di atas), akantetapipembentukan file Java Script lebihkealasan agar lebih simple sertalebihenakdipandang, selainitubeberapa blogger adajuga yang mengatakanuntukmempercepat load blog. Kembalikesudutpandangmasing-masing, yang jelasdenganmembentuk java script menjadiberupa file akankelihatanlebih simple danenakdipandang.






Berikutlangkah-langkahnya:

1. Kita tetapfokuskepadakode script yang telahkitabahas di atas, yaitu:
<script type="text/javascript">
// goodbye alert
function goodbye(){
alert('Hiduphanyasebentarbagaimampirminumsaja, yasudahbiargakminumaja lain kali mampirlagi dunk keblognyeane!^');
}
parent.window.onunload=goodbye;
</script>

2. Untukmemulaimembuat file Java Script, silahkanuntukmembukanotepad. Caranyaklik Start =>Lalu "All Programs" => Accessories =>Pilih "Notepad" danpastekankodeberikuttanpakode yang telahsayatandaiwarnamerah, sehingganantimenjadi
// goodbye alert
function goodbye(){
alert('Hiduphanyasebentarbagaimampirminumsaja, yasudahbiargakminumaja lain kali mampirlagi dunk keblognyeane!^');
}
parent.window.onunload=goodbye;
Tampilanpada notepad:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgXLWAEMjvWVICkS9vVBz_Liky3acvbjY0YuMxVfIf99pMsL0iR2HPtFQ0n1lt3-bmuevqBBsBOx-r_ppyn_W8M8DDTqo_Hf6pNMOSNno3v-43ol0yDFxVi9Rb40qsdWX3BYYKO-U8OxJE/s400/contoh_script_alert_t4belajarblogger.JPG


3. Jikasudah, silahkanuntukmenyimpan file tersebutdengannamablabla.js, sebagaicontohkitaakanmenyimpan file dengannamafilealert.jsdengan Save as type "All Files"
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuhvsasnGxjBgsBJzHrfMv_hJkAsHODahbRAv_MZVZE2Yh4nQKv_bjuA0x-NeHARc-kiHhiWRL6lXeSMY0thCyYe7Cyccfg7U3pAYw3WrMSlr7m5p3mUYsI8oLqJPFaoy69h8sNzpFQ2c/s400/simpan_file_js_t4belajarblogger.JPG

4. Jikaselesai, maka file nyanantiakanberbentuksepertiberikut:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHdr_gfaDSQCuRD1mrYjr8Pt_4Ah-F8ZfxTy3cjVbX0bTXP7EkqcJmbSkB8o8UIadE2QgxNleVWwncm5ggAEwIYQvxuBFrwbc8ttRmElpCjLxO2wrxyxmzNEB7DTTUucW7CfcpHrU0_wI/s400/bentuk_file_js_t4belajarblogger.JPG

5. Selanjutnya, silahkanuntukmeng-hosting file tersebutkesitus file hosting anda. Jikasobatbelumtahuapaitu file hosting lalubagaimanacaramenggunakannya, silahkanuntukmembacapostinganberikut:
Cara membuat file hosting dengan Google sites, atau
Cara Membuat file hosting dengan Google code

6. Jikasobatsudahmemiliki/membuat file hosting makasobatnantiakanmendapatkansebuah URL file java script sobat yang biasanyabereksistensi JS di belakangnya. Maka yang harussobatlakukanselanjutnyaadalahmenganbil URL tersebutdanmemasangnya (mengapitnya) kedalamkodeberikut:
<script type="text/javascript" src="Alamat URL file javascript_sobat.js"></script>
SilahkandigantitulisanAlamat URL file javascript_sobat.jsdengan URL JS sobatsepertihttp://t4belajarblogger.googlecode.com/files/filealert.js
Makasebagaihasil, kodetersebutmenjadi
<script type="text/javascript" src="http://t4belajarblogger.googlecode.com/files/filealert.js"></script>

7. Bagisobat yang inginmencobanya, silahkanuntuk login keakun blogger sobat, laluklik "rancangan" =>Klik "tambah gadget" =>Pilih Gadget HTML/Javascriptdanpastekankodeberikut di dalamnya
<script type="text/javascript" src="http://t4belajarblogger.googlecode.com/files/filealert.js"></script>
Silahkanlihathasilnya di blog sobat, pastisetiap kali sobatinginmeninggalkan (close) blog/postingansobatmakaakanmunculpesansepertiberikut
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYA-eJ0ir-y_-7ZXW48aQO-DAwdhB5RdYZssCxsYlp_VlV2RF0tk5rqvgLBJP8bgB6cQgu6EHqb4N7byJtH6RHUJrBv321SrR657clCjPAnsCn03jrEq6Sell29IAG-Ald6QucV1Fjo_w/s400/pesan_alert_js_t4belajarblogger.JPG

Selamat, sekarangsobatsudahbisamembuat file JS sertacaramemasang java script langsungke web/blog tanpaharusmeng-hosting-nyaterlebihdahulu.

NB: Trikmembuat file JS cocokuntuk code script apasajamungkindengantujuanuntukmempersingkat code, dll. Jikasobatinginperaktek, silahkanuntukmenggunakan code script padapostingan yang berjudul "
Cara membuat menu omni slide" yang telahkitabahaskemarin-kemarin (mengingat code script menu tersebutsangatpanjangsekali).

Semogabermanfaat

Tags: Cara membuat java script, caragampangmembuat file JS, agar java script jadisingkat



0 komentar:

Posting Komentar