Sabtu, 03 April 2010

Cara Edit File Java Script - Trik Mudah Edit File JS

Mungkin istilah "file Java Script" atau JS ini sudah tidak asing lagi bagi teman-teman Blogger. Beberapa pernak-pernik maupun hiasan yang ada di blog biasanya tidak terlepas dari file yang berformatkan JS ini. Namun, walau istilah yang satu ini sudah menjadi makanan sehari-hari bagi para Blogger ada sesuatu yang sering dipertanyakan antara seorang Blogger yang satu dengan blogger lainnya, "Bagaimana sih cara mengedit file Java Script ini?". Pertanyaan ini mungkin muncul dikarenakan adanya beberapa tampilan gadget yang berbeda namun pada intinya memiliki fungsi yang sama, sehingga masalah ini lah yang memunculkan tanda tanya besar. Lalu bagaimana kah cara ngeditnya? Kok tampilan widgetmu dengan widgetku berbeda?

"Beberapa kali saya pernah ditanya oleh teman2 Blogger mengenai hal ini. Dan karena saya ditanya, tidak menjawabnya maka itu menjadi sesuatu yang tidak baik bagi saya, semoga dengan hadirnya postingan ini bisa menjawab pertanyaan tersebut.

Sebelumnya, "apa itu file JS?" singkatnya file JS adalah file yang berisikan kode Java script yang kemudian formatnya terdiri dari dua huruf, yaitu "JS" yang tidak lain merupakan singkatan dari "Java Script" (contoh bentuk file: namafile.js). Lalu mengenai fungsinya, sama saja dengan fungsi kode java script pada umumnya, namun ini dijadikan sebagai file JS agar lebih mudah digunakan atau mudah untuk di-sharing/berbagi dengan teman-teman lainnya, pasalnya dengan dijadikannya berupa file, maka ini akan mempersingkat kode script yang ada, sehingga dengan tampilan jumlah kode yang diminimalisirkan menjadi satu file akan lebih kelihatan simpel, mudah, dan enak dipandang.

Nah, itulah sekilas mengenai JS. Sebagai contoh, berikut adalah contoh kode HTML yang fungsinya didukung oleh file .JS

<script src='http://sites.google.com/site/t4belajarblogger/js_t4belajarblogger/zoom.js' type='text/javascript'/>


Di atas itu adalah sebagian dari kode script pembentuk Efek Zoom pada gambar. Nah, yang ditandai dengan warna biru itu lah (URL) "file JS".

Berikut langkah-langkah mengedit file JS

1. Silahkan download dulu file JS yang anda inginkan (sebagai contoh, silahkan di-download file JS yang tertera di contoh kode di atas - caranya kopi URL yang ditandai dengan warna biru ke kolom browser anda, klik enter => maka akan muncul popup "save file" => Klik Save file!!!)

2. Selanjutnya pergilah ke folder explorer, yaitu tempat di mana anda menyimpan file JS tadi.
3. File JS/Java Script tersebut berformat JS, contoh: namafile.JS, serta icon-nya seperti berikut

4. Selanjutnya, untuk memulai mengedit file tersebut, Klik kanan => pilih Edit

5. Maka akan terbuka suatu halaman Notepad, namun masih dalam format JS seperti berikut

Nah, sekarang silahkan untuk mengedit file JS-nya sesuka anda. Mungkin yang ingin anda edit adalah gayanya, gaya tulisannya, URL gambarnya, dll (ini hanya contoh, tiap file JS memiliki elemen yang berbeda-beda. Dan untuk contoh file JS di atas hanya menggunakan efek zoom). Dan jika proses pengeditan telah selesai, jangan lupa untuk menyimpannya: Klik menu File => Klik Save.

SELESAI!!!

Sekarang file JS baru anda telah jadi. Untuk mengetahui hasil kerjaan anda, maka anda harus memilki URL dari file editan anda tersebut. Caranya mudah, silahkan untuk menghostingnya di web hosting milik anda, setelah itu ambil alamat URL-nya dan pasanglah di script di mana anda mengambil file JS tersebut, contoh:

<script src='URL File JS hasil editan anda' type='text/javascript'/>


Belum memiliki web hosting, dan apa itu web hosting? Silahkan di baca di sini.

BAGAIMANA, EDIT FILE JS ITU GAMPANG DAN MENYENANGKAN BUKAAAAN?^

Semoga bermanfaat_

Tags: cara edit file Java script, cara edit script, cara edit url JS, edit file JS mudah, bagaimana cara edit file JS, edit script JS cepat