Rabu, 30 Oktober 2013

Google Drive: Cara Edit File CSS, Javascript & HTML

Google Drive: Cara Edit File CSS, Javascript & HTML - Kemarin saya sudah membuat paduan tentang upload file CSS, Javascript dan HTML di Google Drive namun saya sendiri kebingungan saat akan melakukan edit terhadap kode-kode yang telah saya upload tersebut. Dan pengembaraan pun dimulai... Dengan menggunakan keyword sederhana, akhirnya saya menemukan Cara Edit File CSS, Javascript & HTML secara mudah dengan menggunakan aplikasi online. Apilkasi ini saya sebut Drive Notepad, yang akan membantu dalam melakukan edit kode css, javascript, dan html di Google Drive

Untuk mengetahui lebih lanjut tentang Drive Notepad, baca Tentang Drive Notepad
Baca juga Panduan Google Drive

Jadi cara edit file CSS, Javascript & HTML di Google Drive ini tidak sepenuhnya bisa langsung di edit didalam google drive tapi menggunakan Drive Notepad
Dan berikut caranya....

Edit CSS Javascript HTML Google Drive
★★★★ Penjelasan
  1. Silahkan buka Drive Notepad
  2. Akan muncul halaman seperti pada gambar disamping (sorot gambar dengan mouse agar membesar)
  3. Klik pada bagian Launch App

Edit CSS Javascript HTML Google Drive
★★★★ Penjelasan
Setelah mengklik Launch App maka akan muncul tampilan seperti gambar disamping. Tampilan pada halaman tersebut adalah Drive Notepad meminta izin kepada Anda untuk memverifikasi akun Google Anda agar bisa terhubung dengan Drive Notepad sesuai dengan ketentuan yang telah ditulis tersebut
Silahkan klik Terima dan jika tidak ingin menggunakan aplikasi Drive Notepad ini, klik Batal

Edit CSS Javascript HTML Google Drive
★★★★ Penjelasan
Selanjutnya akan muncul kolom pengeditan dari Drive Notepad, jika Anda terbiasa menggunakan DreamweaverMX, maka tampilannya kurang lebih seperti itu

Edit CSS Javascript HTML Google Drive
★★★★ Penjelasan
Klik tombol biru panah putih tersebut, sehingga akan muncul gambar seperti berikut ini:
Edit CSS Javascript HTML Google Drive Silahkan pilih Open untuk membuka file yang tersimpan di Google Drive, seperti yang terlihat pada gambar di samping

Edit CSS Javascript HTML Google Drive
★★★★ Penjelasan
Maka akan muncul tampilan file-file yang ada didalam Google Drive, silahkan Anda pilih file yang akan mau di edit. Sebagai contoh kode CSS table-harga.css
Edit CSS Javascript HTML Google Drive Klik pada file yang akan mau di edit sehingga berbingkai warna biru, untuk membukanya bisa dengan melakukan klik 2x pada file tersebut atau memngklik tombol Select yang ada dibagian bawahnya

Edit CSS Javascript HTML Google Drive
★★★★ Penjelasan
Maka kolom pengeditan di Drive Notepad terbuka dan kode table-harga.css akan terlihat seperti tampilan yang ada di DreamweaverMX
Didalam kolom ini, silahkan edit kode css, javascript, html atau kode lainnya yang support untuk di edit di Drive Notepad

Edit CSS Javascript HTML Google Drive
★★★★ Penjelasan
Setelah selesai melakukan edit kode css, javascript, html di Drive Notepad, silahkan simpan hasil pengeditan kode tersebut dengan cara:
Klik pada tombol biru sehingga muncul menu Save, klik untuk menyimpannya (lihat gambar)

Edit CSS Javascript HTML Google Drive
★★★★ Penjelasan
Proses penyimpanan akan berlangsung cepat dengan berubahnya warna background dari kolom pengeditan menjadi warna pink dan jika berhasil maka akan terlihat seperti pada gambar disamping.. Successfully saved

Dan proses pengeditan kode CSS, Javascript & HTML di Google Drive sudah selesai..

Cara mengetahui kode CSS

Jika mengikuti panduan diatas, memang terlihat ribet tapi kalau langsung di praktekkan sebenarnya lebih mudah, semudah saat mengganti kode-kode di template blog. Dan jika masih bingung silahkan tinggalkan komentar untuk artikel ini, Google Drive: Cara Edit File CSS, Javascript & HTML

Google Drive: Cara Edit File CSS, Javascript & HTML Rating: 4.5 Diposkan Oleh: ana sriwahyuni

9 komentar:

  1. Lengkap mbak penjelasannya :D ini ngomong-ngomong saya PERTAMAXX !!! :D

    BalasHapus
    Balasan
    1. agar lebih mudah d mengerti mas Arul,, yups !

      Hapus
  2. Buset..
    lengkap sekali caranya mbak Ana lebih mudah dimengerti..

    oh iya salam kenal sebelumnya mbak..

    BalasHapus
    Balasan
    1. hehee,, iya semoga memang lebih dimengerti mas Imron
      salam kenal juga..

      Hapus
  3. Itu bisa untuk edit javascript juga yang sudah tersimpah di google drive kan ya? Kok waktu saya buka folder saya, ga ditemukan file2 javascript yang udah saya simpan ya?
    Btw, salam kenal

    BalasHapus
    Balasan
    1. iya betul mas, kalau filenya tidak muncul coba di refresh karena saya sendiri juga mengalami hal serupa dan setelah di refresh biasanya muncul

      Hapus
  4. terima kasih mbak atas infonya

    BalasHapus
  5. Nice info, tapi ini aman gak ya mengingat DriveNotepad adalah pihak ketiga yang bukan milik Google tapi diijinkan masuk ke drive google untuk proses editing

    BalasHapus
    Balasan
    1. sejak adanya artikel ini sampai sekarang, saya selalu menggunakan drivenotepad tersebut mas, dan ama-aman saja.. kan hanya sebagai media pengeditan dan bukan sebagai media penyimpanan, jadi saya rasa akan tetap aman...

      Hapus

Demi kenyamanan bersama, tidak boleh memasang link dalam bentuk apapun, komentar yang berisi link tidak akan diterbitkan
Terimakasih

Direktori

direktori weblogger
Direktori WeBlog Indonesia