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

►Pilih FOLDER dan klik ( pada folder )

►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

►Pada halaman folder DOWNLOAD klik tombol UPLOAD dan pilih FILES

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

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

►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

► 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

► Jika opsi berbagi masih terbatas dan belum untuk umum sebaiknya diubah dulu

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

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..

Facebook

Twitter

Pinterest

More

Less

Tumblr

Mix

E-Mail

GMail

LinkedIn

Reddit

XING

WhatsApp

Hacker News

VK

Telegram

OK

Messenger

Line

Copy Link