Kunjungi Blog terbaru saya corkismet - Coretan Kang Ismet - dan tinggalkan jejak sobat disana.

Hosting File CSS, HTML dan JavaScript di Google Drive

Cara upload 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

Untuk mendapatkan update terbaru di Dasbor Blogger, silahkan ikuti Blog ini

81 komentar

1. Komentar ini, diurutkan dari yang terbaru
2. Tinggalkan komentar sesuai topik tulisan
3. Apabila ada pertanyaan diluar artikel silahkan kunjungi Ruang Obrolan.
4. Centang Beri tahu saya untuk mendapatkan notifikasi via Email ketika ada balasan
Masukkan URL Gambar atau Potongan Kode, atau Quote, lalu klik tombol yang kamu inginkan untuk di-parse. Salin hasil parse lalu paste ke kolom komentar.


image quote pre code
  1. 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....
    1. 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 :)
  2. ternyata benar kabar googlecode mau ditutup. Saatnya migrasi ke Google Drive. :-bd
    1. bener sob.. silahkan bermigrasi ria :)
  3. oh jadi begitu caranya ya kang, perlu di coba nih, hatur nuhun kang infona.
    1. sami2 kang... sok mangga geura der atuh ;)
  4. 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
    1. 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 :)
  5. kalau saya sih semua CSS disimpan saja hehehe... kalau gak di simpan ntar melihat warna kurang atau apa, pasti suka kutak katik tuh css..
    1. saya juga lebih enjoy di template kalau CSS... lebih gampang editnya :)
  6. kalau saya sih masih pakai YOURJAVASCRIPT kang, lebih simple, gak pake akun-akunan, cuma kadang-kadang severnya sering down, mungkin karena kebanyakan hosting:)
    1. 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
  7. bagaimana kalau ditumpuk semua di template..??
    tapi mudah-mudahan yang menggunakan TortoiseSVN normal" saja..
    google hanya menutup google.code saja tapi tidak meremove sitenya...
    1. ditumpuk di template juga ga masalah sob... Mudah2an sih normal aja pake TortoiseSVN, tpi kalau menurut saya lebih enak pake GD sob :)
  8. 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
    1. 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
  9. Harus coba nih ... :D
    1. silahkan sob...
  10. rada kebelinger oge ayeuna mah, hampir kabeh hostingan ayeuna k google drive!
    address heubeul kabeh di direct ka ditu, kudu adaptasi deui wae @@,
    1. Oh kitu nyah kang... percanten lah ka si bloglang anu ganteng kalem tea :-bd
  11. 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.
    1. hehhee... betul sob
  12. gabisa kang, ane coba pindahin file js dari googlecode ke googledrive, js-nya pake google drive gak jalan, kalau google code baru jalan
    1. masa sih? mana link di GDnya coba sob...
  13. POSTINGAN ANTIKKK !!!! hatur nuhun Kang Ismet & Kompi Ajaib !! ..

    Kalian Luar biasaaa... :-bd @@, |o|
    1. wkwkwkw.. asa Parto ari kalian luar biasa teh... :)
  14. Mengingat sizenya cukup besar, ampe 5gb....ini bisa jadi alternatif untuk dropbox :)
  15. wah baru tahu mas, saya kira nggak bisa host file, thx mas :D
  16. bang, saya nghost PHP kok gagal yah?, pas aku coba ngebuat SRCnya malah 404, mungkin ada penjelasan
    1. 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
  17. Oh gini ya sekarang google hostingnya, makasih kang ^_^
  18. Alhamdulillah , sudah mulai mengerti mas :D
  19. sedikit2 mulai faham
  20. Nah kang kalau buat js yg disimpan kya gni gmna ya http://kang-is.googlecode.com/svn/trunk/javascript/badwords.js
    1. kalau yg itu pake googlecode
  21. Kang Kalo seandanya Beberapa script javascript di taruh di dalam satu file di google drive bisa aktif apa gak
    1. bisa.. disatukan aja dulu JSnya
  22. mksih sob , info nya sangat membantu sekali :)

    Visit Back ya > http://taufiq-zakaria.blogspot.com/
  23. wah alhamdulillah bisa mas, bermanfaat banget ilmunya.. ternyata di google code memang sudah tidak bisa.. terima kasih.. sukses slalu ya mas.. ^^
  24. Thank's ... akang semua bener2 bermanfaat ilmu yg di share.. kapan kapan ane juga mau nimbrung ah... smoga bener2 indah dalam berbagi..
  25. Sempet kaget pas buka code google bingung nyari tombol Download ternyata udah lama ilang to hehe maklum lama vakum, matur tengkyu kang tutornya jadi bisa upload file js dan ambil linknya dari google drive :D
    1. hehehhe.. kirain diblok ya :)
  26. Mantap sangat tutorialnya shob, sekali upload saja langsung jadi..
    Trims yea..
    1. sama2... sob
  27. nanya kang, klo nyimpen semua kode css di google drive, apakah itu dpt meringankan loading blog ..?
    klo iya minta tutor nya dong kang buat nyimpen kode css di google drive ..
  28. wah, keren nih, thx gan, cocok buat upload foto nih, trus tinggal ambil URL'a... (y)
  29. 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.
  30. keren om dan saya berhasil terimakasih....
  31. kang, ko drive google sy tidak mau kebuka yah? ada 3 folder disana, tpi ga mau kebuka nih, mohn petunjukny kang
    1. waduh.. saya belom tau caranya.. coba googling aja
  32. makasih banyak infona kang

    http://teknorc.blogspot.com
  33. sekarang makin enak kang, tinggal buat folder yg dibuat publik terus upload file nya didalem situ tinggal diklik kanan detail udah ada linknya ... :)
  34. Bedanya kalo pake google code apa kang?
  35. 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
  36. kapasitas penyimpanannya dibatasi ngak kang?
  37. untuk orang mengaksesnya lewat apa gan?? apa tinggal search aja di google bisa ketemu?
  38. madey si mawan
    Komentar ini telah dihapus oleh pengarang.
  39. 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 :(
  40. kang
  41. 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.
  42. 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
  43. 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..^.^
  44. ada yg bisa bantu jawab, kenapa file hasil upload saya tertulis: Google Drive can't scan this file for viruses.

    mohon pencerahannya
Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.
Site is Blocked
Sorry! This site is not available in your country.