Jumat, 02 Mei 2014

Cara Termudah Hosting File HTML, CSS dan Javascript ke Google Drive



Cara Termudah Hosting File HTML, CSS dan Javascript ke Google Drive - Siapa yang tidak kenal dengan layanan penyimpanan milik Google yang diluncurkan pada 24 April 2012 ?? Pengguna blogspot biasanya menggunakan Google Code untuk menyimpan file CSS, Javascript, HTML dan sejenisnya, namun mulai tanggal 15 januari 2014 Google Code akan ditiadakan dan sebagai pengganti dari Google Code itu akan digantikan oleh layanan dari Google Drive.

Di dalam Google Drive ada banyak aplikasi yang disediakan oleh google, seperti Formulir Pemesanan Online yang kemarin saya jelaskan itu, Presentasi, Pembuatan Contact Form, Upload File, Pengolah Angka, Pengolah Kata dan masih banyak lagi, ini semua diberikan dengan penyimpanan gratis sebesar 5GB dan dapat di tambah tetapi tentu harus membayar.
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioDpX1XAy8Dk-xouAyK1dNfSiw1XHQGNRyTycgqVcdrg6wiDNerJQXx26bzQsQv3GBtc68gUYX1lhEoCo_kv423t6kIuxexc0qPIPzmsMaIraz8jqowwHbjvw2WAkJKaqiVva_4dNq2hM/s1600/0.jpg
Untuk lebih jelasnya tentang Cara Termudah Hosting File HTML, CSS dan Javascript ke Google Drive akan saya jelaskan langkah demi langkah, disini sebagai contoh dari penjelasan saya menggunakan bahasa Indonesia, silahkan ikuti dengan seksama penjelasan saya di bawah:

Cara Upload File ke Google Drive
  1. Petama silahkan masuk ke halaman Google Drive dan log in menggunakan akun google anda.
  2. Buatlah folder baru dengan cara klik tombol "BUAT" Kemudian pilih "Folder" lalu buat nama folder dan klik "BUAT"
Membuat Folder Baru di Google Drive


  1. Buka folder yang anda buat tadi, lalu upload file ke folder tersebut dengan mengklik tanda panah ke atas kemudian pilih "File"
Cara Upload File ke Google Drive

  1. Pilih file yang akan anda upload, setelah file terupload/terunggah, kemudian klik "Berbagi" atau "Share".
Mengupload File dan Mensharenya di Google Drive

  1. Pada laman "Setelan Berbagi" klik "Ubah"
Mengubah Akses File Menjadi Public di Google Drive

  1. Setelah klik "Ubah" lalu akan muncul "Opsi visibilitas". Pada opsi tersebut pilih "Publik di web" dan terakhir klik Save.
Menyetel Setelan Berbagi Menjadi Publik di web pada Google Drive

  1. Copas link yang disediakan, lalu simpan di notepad dan terakhir klik Done.
Mengambil Link File Hasil Upload di Google Drive

Mencari Link File
  • Link yang anda copas ke notepad tadi kurang lebih seperti di bawah ini :
https://drive.google.com/file/d/0B7Ww-zk2Hdv-UnZJZ0NWcnNONjQ/edit?usp=sharing
  • Copas kode yang saya warnai diatas, gabungkan dengan URL di bawah ini :
https://googledrive.com/host/
  • Sehingga hasilnya jadi seperti di bawah ini :
https://googledrive.com/host/Ww-zk2Hdv-UnZJZ0NWcnNONjQ

Menyimpan File di Template Blog/Web
  • Jika file berupa Javascript, maka simpan di bawah </head> atau di atas </body> dengan strukturnya seperti di bawah ini :
<script src="https://googledrive.com/host/Ww-zk2Hdv-UnZJZ0NWcnNONjQ" type="text/javascript"></script>
  • Jika file berupa CSS, maka simpan di bawah <head> dengan strukturnya seperti di bawah ini :
<link href="https://googledrive.com/host/Ww-zk2Hdv-UnZJZ0NWcnNONjQ" rel="stylesheet" type="text/css"/>

Dan akhirnya selesai. Bagaimana ? Mudah kan caranya .Walaupun gratis, tapi hasilnya jangan diragukan lagi, layanan penyimpanan milik Google ini memang TOP.
- See more at: http://dikaeuphrosyne.blogspot.com/2013/10/cara-termudah-hosting-file-html-css-dan.html#sthash.8INUSoBn.dpuf

0 komentar:

Posting Komentar