Iklan

Cara Upload File HTML, CSS3, Java Script ke Google Drive


Cara Upload File HTML, CSS3, Java Script ke Google Drive

Salam Blogger, Kali ini bloggingpasuruan sedikit berbagi tutorial Cara Upload File HTML, CSS3, Java Script ke Google Drive  Google terus melakukan perubahan guna kenyamanan pengguna serta peningkatan efektifitas sistem. Google Drive merupakan tempat untuk melakukan upload file dengan berbagai jenis seperti CSS, JS (JavaScript), HTML, jQuery, dan sebagainya. Anda bisa dengan mudah mengupload kode CSS ataupun JavaScript pada web Anda. Caranya adalah dengan memanfaatkan fasilitas Google Drive.Google Drive akan mempermudah kita dengan banyaknya aplikasi yang disediakan oleh Google, mulai dari Pengolah kata, Pengolah Angka, Formulir, Presentasi, Pemutar Lagu, Video, Pembuatan Contact Form + Upload File (Integrasi dengan JOTFORM), terus Alat Konversi File, dan masih banyak lagi.

Sebenarnya metode yang sama ini juga bisa dilakukan di Google code , fungsi serta kegunaannya-pun sama.

Baca juga artikel :  Cara Mudah Upload File, HTML, CSS3, Java Script,JQuery ke Google Code


Berikut ini Tutorial cara mengupload file CSS, JavaScript di Google Drive Hosting :

Masuk ke Google Drive pada browser Anda.

Lalu jika Anda adalah pengguna baru silahkan login lewat email Gmail Anda dan buatlah satu buah folder sebagai tempat untuk menyimpan proyek file-file penting Anda. Caranya klik CREATE/BUAT

Cara Upload File HTML, CSS3, Java Script ke Google Drive


Pilih FOLDER dan klik ( pada folder )

Cara Upload File HTML, CSS3, Java Script ke Google Drive


Akan muncul formulir untuk memasukkan nama folder. Dalam contoh ini saya beri nama foldernya dengan DOWNLOAD

Sekarang di daftar dokumen sudah ada FOLDER DOWNLOAD silahkan diklik

Cara Upload File HTML, CSS3, Java Script ke Google Drive


Pada halaman folder DOWNLOAD klik tombol UPLOAD dan pilih FILES

Cara Upload File HTML, CSS3, Java Script ke Google Drive


Kemudian akan terbuka browser files, silahkan pilih file yang akan diunggah ( Upload ).

Lalu akan muncul jendela indikator file yang akan diunggah ( Upload )

Cara Upload File HTML, CSS3, Java Script ke Google Drive


Setelah selesai diunggah file akan ada di dalam folder DOWNLOAD

Klik kanan pada file tersebut, dan anda akan melihat dua pilihan yaitu UNDUH dan BERBAGI

Cara Upload File HTML, CSS3, Java Script ke Google Drive


Menu UNDUH bisa anda pergunakan sendiri, tapi untuk orang lain anda harus mengambil link dari menu berbagi.

Jadi jika anda ingin mengambil link download dari file tersebut pilih menu BERBAGI

Nanti akan muncul jendela opsi BERBAGI

Cara Upload File HTML, CSS3, Java Script ke Google Drive
Jika opsi berbagi masih terbatas dan belum untuk umum sebaiknya diubah dulu

Cara Upload File HTML, CSS3, Java Script ke Google Drive


Jika sudah diubah silahkan copy URL download yang tersedia di bagian atas

Cara Upload File HTML, CSS3, Java Script ke Google Drive

Yang perlu diperhatikan, link to share file, contohnya seperti gambar di atas :

https://docs.google.com/file/d/0B-EPE3cbkU9PeV9UOXI5Q1NrX0k/edit?usp=sharing

Kode berwarna merah, silahkan Anda salin dan ambil dan letakkan pada kode berikut untuk memanggil file Anda :

https://googledrive.com/host/Masukkan Kode File Disini

Maka, hasilnya akan seperti di bawah ini :

https://googledrive.com/host/0B-EPE3cbkU9PeV9UOXI5Q1NrX0k

Struktur link diatas sudah dapat digunakan untuk mengakses file kita dan coba buka URL diatas lalu lihat hasilnya, sama seperti ketika kalian menghosting File ke Your JavaScript atau Google Code kan! Struktur URL itulah yang bisa berfungsi untuk diterapkan ke Blog kita, lalu di bagian ini Anda juga bisa meletakkan ekstensi .js .css .html .php atau yang lainnya tapi harus sesuai dengan "Bahasa Pemrograman" yang Anda "host".


Kemudian untuk penerapannya ke Blog atau website kita tidak ada perbedaan dengan saat menghosting File ke Google Code, kurang lebih seperti di bawah ini :

Untuk File CSS penulisannya seperti ini :

<link href='https://googledrive.com/host/0B-EPE3cbkU9PeV9UOXI5Q1NrX0k' rel='stylesheet'/>

Untuk File JavaScript strukturnya seperti ini :

<script type="text/javascript" src=”https://googledrive.com/host/0B-EPE3cbkU9PeV9UOXI5Q1NrX0k/ ></script>

Silahkan Anda copy dan letakkan pada blog Anda di atas kode </head>

URL itu bisa anda sisipkan pada sebuah link download yang jika diklik akan membawa pengunjung blog ke halaman untuk mengunduh.

Jadi fungsi Google Drive ini bisa disamakan dengan Ziddu, Mediafire, dan lainlain....


Sekian dulu, Saya akan sangat berterima kasih jika Sobat Blogger berkenan memberikan komentar baik saran ataupun pertanyaan seputar Cara Upload File HTML, CSS3, Java Script ke Google Drive  . Terima kasih semoga bermanfaat..

Next
Prev Post
Previous
Next Post

4 comments:

  1. mantap bro,
    + Langsung ke TKP
    + Langsung Praktek
    + Langsung Running
    = 100% work..

    keep blogging.. :)
    salam kenal n salam blogger..

    ReplyDelete
  2. Thankz om.. langsung praktek.. mau coba script php di cepot..

    ReplyDelete
  3. Otakumis.com , kenalan sama blog saya om

    ReplyDelete