Kumpulan Trick Blog TErbaru

About

New Trick hayalah blog kecil yang mencoba untuk memberikan dan menyajikan trick dan tips tentang blog
Minggu, 30 Oktober 2016

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 sobat untuk memverifikasi akun Google sobat 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 sobat 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 sobat 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




Klik untuk melihat kode: :) =( :s :D :-D ^:D ^o^ 7:( :Q :p T_T @@, :-a :W *fck* x@

TOP