Hosting File CSS, HTML dan JavaScript di Google Drive

Hosting File di Google Drive - Bagi pengguna blogspot biasanya menggunakan Google Code untuk menyimpan file CSS dan JavaScript. Namun, mulai tanggal 20 Mei 2013 apabila membuat project baru, sobat tidak bisa menggunakan project 'Download'. Tapi apabila sudah dibuat sebelumnya, masih bisa membuat project 'download' sampai 14 januari 2014. Mulai tanggal 15 januari 2014 project 'download' di Google Code akan selamanya ditiadakan, entahlah bagi yang menggunakan TortoiseSVN. Bagi sahabat yang sudah mempunyai file di Google Code tidak usah khawatir, file tersebut tetap akan bisa diakses.

Fihak google pun menyarankan, apabila selama ini menggunakan Goggle Code, silahkan migrasi ke Google Drive untuk menyimpan file CSS, HTML, JavaScript, PHP dsb.

Cara Upload File ke Google Drive


1. Kunjungi https://drive.google.com
2. Apabila ingin membuat folder baru, silahkan klik Create Folder

hosting di google drive

3. Untuk mengupload file, klik tanda upload (panah) kemudian pilih File

hosting di google drive

4. Setelah file terupload, klik Share

hosting di google drive

5. Pada popup Who has access, klik Change, pilih Public on the web, dan Save

hosting di google drive

6. Copy link yang disediakan ke notepad dan klik Done.

hosting di google drive

Mendapatkan Link File


Link yang sudah di copy ke notepad kurang lebih seperti ini :
https://docs.google.com/file/d/0B3pi8P5BWqm1VDZaak5TMHNOcWs/edit?usp=sharing
perhatikan kode yang di blok, untuk menggunakan file tersebut ganti alamat di atas dengan URL
https://googledrive.com/host/0B3pi8P5BWqm1VDZaak5TMHNOcWs

Menyimpan file di Template


Seperti biasa, apabila file berupa JavaScript maka simpan file di atas </body> atau dibawah </head> dengan format seperti ini :
<script src="https://googledrive.com/host/0B3pi8P5BWqm1VDZaak5TMHNOcWs" type="text/javascript"></script>
apabila file berupa CSS, simpan di bawah <head> dengan format :
<link href="https://googledrive.com/host/0B3pi8P5BWqm1VDZaak5TMHNOcWs" rel="stylesheet" type="text/css"/>

Cara Edit File Yang Sudah diupload ke Google Drive


Untuk mempermudah editing pada file yang sudah diupload ke Google Drive, saya sarankan untuk mendownload Google Drive for PC, untuk mendownloadnya biasanya tinggal klik download pada halaman Google Drive

hosting di google drive

Setelah didownload, instal dan ikuti petunjuk selanjutnya. Dengan Google Drive for PC akan lebih mudah untuk upload, share, edit dsb.
  • Untuk upload tinggal copy paste seperti mengcopy ke folder
  • Untuk share, klik kanan pada file Google Drive Share
  • Untuk edit, klik kanan pada file Open With (silahkan gunakan Notepad, Notepad++, atau Dreamweaver dll untuk editing file).

hosting di google drive

Gratis bukan berarti murahan kan sob... terbukti hosting gratis di Google Drive ini sangat powerfull.

Special thanks to : +Kompi Ajaib

Resource :
http://www.kompiajaib.com/2013/06/cara-upload-file-html-css-javascript-di.html
http://www.mybloggerlab.com/2013/04/how-to-host-css-or-javascript-files-in-blogger-using-google-drive.html
http://beben-koben.blogspot.com/2013/05/change-google-code-download-service-to-google-drive.html
http://google-opensource.blogspot.com/2013/05/a-change-to-google-code-download-service.html
Berita Lebih Baru Berita Lebih Lama
  • Adhy Suryadi
    Profil: https://www.blogger.com/profile/06846144400647921085
    23 Juni, 2013

    Nah kemarin ada yang nanyain kang tapi saya masih bingung jawabnya...hehehe...
    Ketika kita menggunakan Google Drive For PC, kita bisa mengupload, mengedit, atau menghapus file langsung dari komputer kita. Pertanyaannya bagaimana jika komputer kita terinfeksi virus dan file yang ada di folder Google Drive rusak? Apakah bisa mempengaruhi file yang ada di Google Drive di internet?
    Saya sendiri blmmengalaminya dan mudah2an jangan hehehe....jadi saya belum bisa menjawab pertanyaan itu...nah sekarang saya lemparin ke kang Ismet, barangkali mempunyai pandangan lain tentang masalah di atas....

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      23 Juni, 2013

      nih master maen lempar2an gini... wkwkwkkww
      ini hanya anggapan saya saja, saya dapet notif dari 'Kompas Riau', file saya yang di Google Code (upload via TortoiseSVN) kena virus. Setelah komputer saya bersihkan dan upload ulang ke Google Drive, virus tidak terdeteksi. Kesimpulannya, bisa saja terinveksi virus.. itu menurut saya lho. Untuk langkah aman, saya scan ulang file yang telah diupload.
      Kalaupun komputer kita error, file tidak akan terganggu, karena tidak tersimpan di hdd kita, tapi di server google. Coba cari refensi yang lain, mungkin ada pendapat yang berbeda :)

  • Saeful Rahman
    Profil: https://www.blogger.com/profile/12948365880346888770
    23 Juni, 2013

    ternyata benar kabar googlecode mau ditutup. Saatnya migrasi ke Google Drive. :-bd

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      23 Juni, 2013

      bener sob.. silahkan bermigrasi ria :)

  • zigzoor
    Profil: https://www.blogger.com/profile/10438425858295508916
    23 Juni, 2013

    oh jadi begitu caranya ya kang, perlu di coba nih, hatur nuhun kang infona.

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      23 Juni, 2013

      sami2 kang... sok mangga geura der atuh ;)

  • Kang Muroi
    Profil: https://www.blogger.com/profile/15022422809113377143
    23 Juni, 2013

    wah ini mungkin solusi dari google code yang sudah tutup ya kang...
    oya kang bener ga kalo nyimpen di yourjavascript.com itu bikin berat loadingnya yah?
    nuhun kang

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      23 Juni, 2013

      kalau meneurut saya, masalahnya dikestabilan server kang mur... yang namanya server kadang down.. inilah masalahnya, ketika down maka akan berpengaruh. Nah untuk Google sendiri sangat handal servernya bisa dibilang zero down lah :)

  • Unknown
    Profil: https://www.blogger.com/profile/09901935969764402934
    23 Juni, 2013

    kalau saya sih semua CSS disimpan saja hehehe... kalau gak di simpan ntar melihat warna kurang atau apa, pasti suka kutak katik tuh css..

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      23 Juni, 2013

      saya juga lebih enjoy di template kalau CSS... lebih gampang editnya :)

  • Farhan
    Profil: https://www.blogger.com/profile/01778956899520738845
    23 Juni, 2013

    kalau saya sih masih pakai YOURJAVASCRIPT kang, lebih simple, gak pake akun-akunan, cuma kadang-kadang severnya sering down, mungkin karena kebanyakan hosting:)

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      23 Juni, 2013

      hehehe... Google Drive juga ga usah daftar lagi sob, sudah terintegrasi dengan akun blogger. nah server down itu yang jadi masalah... akibatnya buruknya blog kita ga bisa diakses

  • Unknown
    Profil: https://www.blogger.com/profile/17943695039070055752
    23 Juni, 2013

    bagaimana kalau ditumpuk semua di template..??
    tapi mudah-mudahan yang menggunakan TortoiseSVN normal" saja..
    google hanya menutup google.code saja tapi tidak meremove sitenya...

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      23 Juni, 2013

      ditumpuk di template juga ga masalah sob... Mudah2an sih normal aja pake TortoiseSVN, tpi kalau menurut saya lebih enak pake GD sob :)

  • Dixy
    Profil: https://www.blogger.com/profile/11558697564953155797
    23 Juni, 2013

    Kelamaan kang kalau harus share satu-satu file yang kita upload.
    Mending share aja foldernya, maka secara otomatis semua file yang ada di folder tersebut akan ngikut ke-share.
    Terus kalau ingin mendapatkan link file, gak usah repot-repot.
    Kita bisa mengganti link suatu folder, dengan begitu kita bisa mendapat link suatu file dengan mudah.
    Contoh :
    Ini adalah link folder saya :
    https://drive.google.com/?tab=jo&authuser=0#folders/0B-r9zTHJ28dxZVV4OW1rR3VuelU
    Kemudian saya ganti menjadi :
    https://googledrive.com/host/0B-r9zTHJ28dxZVV4OW1rR3VuelU
    Nah, keliatan deh semua link filenya, tinggal copas, hehehe :)
    Sekedar nambahin boleh kan. :D

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      24 Juni, 2013

      wah kereeen sob... berarti kalau file belum siap, bikin folder kosong, atau minimal 1 file truss share... file selanjutnya tinggal masukin ke folder itu.. ga usah share lagi. gitu kan ya?
      nanti saya tambahkan di artikel.. makasih sob :-d

  • Anonim
    Profil:
    23 Juni, 2013

    Harus coba nih ... :D

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      24 Juni, 2013

      silahkan sob...

  • Beben Koben
    Profil: https://www.blogger.com/profile/08754225607191914278
    23 Juni, 2013

    rada kebelinger oge ayeuna mah, hampir kabeh hostingan ayeuna k google drive!
    address heubeul kabeh di direct ka ditu, kudu adaptasi deui wae @@,

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      24 Juni, 2013

      Oh kitu nyah kang... percanten lah ka si bloglang anu ganteng kalem tea :-bd

  • Anonim
    Profil:
    24 Juni, 2013

    Google drive memang banyak yang makai yah Kang apalagi kalau untuk tutorial tentang kode-kode untuk template yang berhubungan dengan blogspot pasti pada pakai google drive untuk upload dan link filenya.

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      24 Juni, 2013

      hehhee... betul sob

  • Farhan
    Profil: https://www.blogger.com/profile/01778956899520738845
    24 Juni, 2013

    gabisa kang, ane coba pindahin file js dari googlecode ke googledrive, js-nya pake google drive gak jalan, kalau google code baru jalan

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      24 Juni, 2013

      masa sih? mana link di GDnya coba sob...

  • Kang Rian
    Profil: https://www.blogger.com/profile/07551541947951019123
    28 Juni, 2013

    POSTINGAN ANTIKKK !!!! hatur nuhun Kang Ismet & Kompi Ajaib !! ..

    Kalian Luar biasaaa... :-bd @@, |o|

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      28 Juni, 2013

      wkwkwkw.. asa Parto ari kalian luar biasa teh... :)

  • Tes Tes
    Profil: https://www.blogger.com/profile/09426704238152230107
    28 Juni, 2013

    Mengingat sizenya cukup besar, ampe 5gb....ini bisa jadi alternatif untuk dropbox :)

  • Damar Zaky
    Profil: https://www.blogger.com/profile/17685422099156932268
    28 Juni, 2013

    wah baru tahu mas, saya kira nggak bisa host file, thx mas :D

  • Damar Zaky
    Profil: https://www.blogger.com/profile/17685422099156932268
    30 Juni, 2013

    bang, saya nghost PHP kok gagal yah?, pas aku coba ngebuat SRCnya malah 404, mungkin ada penjelasan

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      30 Juni, 2013

      Kalau saya baca sih katanya harus pake Zend Gdata Framework coba cek http://itinsider.tumblr.com/post/43775704791/using-a-google-drive-spreadsheet-as-the-back-end-for-a

  • Anonim
    Profil:
    09 Juli, 2013

    Oh gini ya sekarang google hostingnya, makasih kang ^_^

  • Anonim
    Profil:
    21 Juli, 2013

    Alhamdulillah , sudah mulai mengerti mas :D

  • Unknown
    Profil: https://www.blogger.com/profile/17241097952822223915
    22 Juli, 2013

    sedikit2 mulai faham

  • Unknown
    Profil: https://www.blogger.com/profile/08465616828791013524
    23 Juli, 2013

    Nah kang kalau buat js yg disimpan kya gni gmna ya http://kang-is.googlecode.com/svn/trunk/javascript/badwords.js

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Juli, 2013

      kalau yg itu pake googlecode

  • Wiro Sableng
    Profil: https://www.blogger.com/profile/03032572985309951523
    25 Juli, 2013

    Kang Kalo seandanya Beberapa script javascript di taruh di dalam satu file di google drive bisa aktif apa gak

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      25 Juli, 2013

      bisa.. disatukan aja dulu JSnya

  • Taufiq Ibrahim
    Profil: https://www.blogger.com/profile/03751512370906115041
    05 Agustus, 2013

    mksih sob , info nya sangat membantu sekali :)

    Visit Back ya > http://taufiq-zakaria.blogspot.com/

  • You Know Me
    Profil: https://www.blogger.com/profile/00251840702231600384
    16 Agustus, 2013

    wah alhamdulillah bisa mas, bermanfaat banget ilmunya.. ternyata di google code memang sudah tidak bisa.. terima kasih.. sukses slalu ya mas.. ^^

  • PENMA KOTA CILEGON
    Profil: https://www.blogger.com/profile/04381891902430596177
    17 Agustus, 2013

    Thank's ... akang semua bener2 bermanfaat ilmu yg di share.. kapan kapan ane juga mau nimbrung ah... smoga bener2 indah dalam berbagi..

  • Anonim
    Profil:
    03 September, 2013

    Mantap sangat tutorialnya shob, sekali upload saja langsung jadi..
    Trims yea..

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      03 September, 2013

      sama2... sob

  • Unknown
    Profil: https://www.blogger.com/profile/16538081654597932256
    26 September, 2013

    wah, keren nih, thx gan, cocok buat upload foto nih, trus tinggal ambil URL'a... (y)

  • Unknown
    Profil: https://www.blogger.com/profile/02039379043725061722
    14 Oktober, 2013

    Pertanyaan saja tentang file berekstensi .js yang disimpan di Google Drive. Saat saya upload file dengan format .js berubah bentuknya di mana tidak ada lagi .js di ujung url file yang saya upload itu. Beda kalau diupload di Google Code tetap fortmatnya .js. Apakah memang begitu? Mau lapor juga kalau kekurangan hosting java script di Your Java Script.com adalah tidak berfungsi di Google Chrome dan sering hang kalau di Mozilla.

  • Saiful Anwar
    Profil: https://www.blogger.com/profile/17658622347750334131
    31 Oktober, 2013

    keren om dan saya berhasil terimakasih....

  • BAHASA INGGRIS PRAKTIS
    Profil: https://www.blogger.com/profile/08814784583381148608
    03 November, 2013

    kang, ko drive google sy tidak mau kebuka yah? ada 3 folder disana, tpi ga mau kebuka nih, mohn petunjukny kang

    • Kang Ismet
      Profil:https://www.blogger.com/profile/07706142952405337288
      03 November, 2013

      waduh.. saya belom tau caranya.. coba googling aja

  • Cito
    Profil: https://www.blogger.com/profile/17962752386984075208
    08 November, 2013

    makasih banyak infona kang

    http://teknorc.blogspot.com

  • Putra
    Profil: https://www.blogger.com/profile/17421858768793419293
    08 Desember, 2013

    sekarang makin enak kang, tinggal buat folder yg dibuat publik terus upload file nya didalem situ tinggal diklik kanan detail udah ada linknya ... :)

  • Indrawan Sugiarto
    Profil: https://www.blogger.com/profile/03955077498794467467
    10 Desember, 2013

    Bedanya kalo pake google code apa kang?

  • UNGU VIOLET
    Profil: https://www.blogger.com/profile/04994880382359134799
    19 Desember, 2013

    ini yang barusan saya alami, tiba-tiba folder di google drive bertanda silang dan filenya hilang semua, kenapa ini master. untung masuk di recycle bin dan bisa dikembalikan lagi, padahal saya tidak menghapusnya

  • Chyardi
    Profil: https://www.blogger.com/profile/12167140895119295645
    09 Januari, 2014

    kapasitas penyimpanannya dibatasi ngak kang?

  • madey si mawan
    Profil: https://www.blogger.com/profile/11821178595343252469
    13 Januari, 2014

    untuk orang mengaksesnya lewat apa gan?? apa tinggal search aja di google bisa ketemu?

  • madey si mawan
    Profil: https://www.blogger.com/profile/11821178595343252469
    13 Januari, 2014

    Komentar ini telah dihapus oleh madey si mawan sebagai penulis.

  • Unknown
    Profil: https://www.blogger.com/profile/06880820889876277150
    20 Januari, 2014

    kang maaf tadi saya copas artikel ini dan saya cantumin link sumbernya tapi udah ane hapus lagi karna banyak yang comen tolol,, padahal ane cuma buat catatan.. saya juga udah bilang maaf ini hanya catatan admin eh malah pada salah tanggap :(

  • Unknown
    Profil: https://www.blogger.com/profile/06880820889876277150
    20 Januari, 2014

    kang

  • Rachmad Pribadi
    Profil: https://www.blogger.com/profile/16013884482823823259
    24 Januari, 2014

    Sukses kang, terimakasih untuk tutorialnya, saya baru saja mencoba menghost file javascript sendiri mengantisipasi jika file tersebut terhapus oleh pemiliknya sehingga berpengaruh pada template yang saya pakai tapi setelah bisa menghost sendiri sedikit lebih tenang sekarang, tinggal membuat backupan offline juga buat jaga-jaga.

  • Ahwas
    Profil: https://www.blogger.com/profile/00807724628071596626
    24 Mei, 2014

    kang saya mau nanya,misalnya java script sudah disimpan di googledrive.apakah kode script yang di template di hapus diganti dengan link javascript dari googledrive atau bagaimana kang

  • Fitri Rosmayanti
    Profil: https://www.blogger.com/profile/15778467712395981616
    03 Juli, 2014

    kang nanya dong..udah upload di google drive udah dishare publik..tapi pas dicobain di orang lain selalu file not found..salah bagian mana ya kang??mohon pencerahan..^.^

  • mikaeel
    Profil: https://www.blogger.com/profile/03935337774382850157
    12 Oktober, 2014

    ada yg bisa bantu jawab, kenapa file hasil upload saya tertulis: Google Drive can't scan this file for viruses.

    mohon pencerahannya

Tambahkan Komentar
comment url
Terima kasih telah berkomentar di Blog Kang Ismet.
  • Untuk menyisipkan Gambar, Kode, atau Kutipan silahkan klik Tab Sisipkan di atas.
  • Emoji yang bisa digunakan pada komentar :), :D, :( <3, :love dan :top
  • Untuk melihat Komentar yang telah ditambah sisipan kunjungi DEMO
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Klik tombol Salin Kode! lalu paste ke kolom komentar.


image quote pre code
79 Komentar