How to Host your CSS or Javascript codes on Google Drive

There are many CSS or JavaScript codes hosting sites online but you have no idea if they are sending your hosted code from every request from your visitors or you don't know if their servers are up and running everyday. So we have found a good idea to just host your CSS, javascript, HTML, and any codes in Google Drive.

• Google Drive- is a site owned by Google where you can host your any files that you want them to host it for free. There are many people says that Google Drive is the most reliable cloud host online.

Google Drive Features:

• Free 15 GB of file space.
• Fast file uploading
• View over 30 file types right in your Browser
• Reliable

Procedure for Hosting your CSS or JavaScript Codes:

• First thing to do is to make the CSS or Jscript file that you want to host with them.
• Make a new folder on Google Drive.
• Upload the file code inside your Google Drive Account.

Be sure that the file you will upload is a .css or formats that you want to Upload.

• Share the File by Right-Clicking it.
• A pop-up settings will open, Copy the link given there.
• Make the File Public on the Web.

• Paste the Link that you've copied to Notepad.

This is an example below of a sharing URL.

https://docs.google.com/file/d/FILE CODE/edit?usp=sharing

• Copy the Characters that is located on the FILE CODE on your Sharing URL.
• Then replace the PASTE HERE below with the file code you've copied from your sharing URL.

https://googledrive.com/host/PASTE HERE

• If you're now done doing it,  The whole URL should be like what's below.

FROM THIS:

https://docs.google.com/file/d/0B34mC1Fbl7PmTkRMd3BlRnZvSTQ/edit?usp=sharing

 TO THIS:

https://googledrive.com/host/0B34mC1Fbl7PmTkRMd3BlRnZvSTQ

NOTE:

• Using this type of method or procedure for hosting your codes, You can also use this to host your Blog images. You just need to follow what's above and you're done.

UPDATE 10/14/13:

• I've just found out with my google drive experiment that you can just Share the Folder that you created above then make the link again.

PROS:

• You don't need to make a link again for your files that you want to host with Google Drive.
• Time Saving
• Very Easy

In this method we're gonna use, We don't need to share all the files that we want to host with Google Drive. The only thing we need to share is the Folder where our files that we want to host are stored.

Go to the DEMO above and see that I just shared the folder and you can browse the files inside that link and what you need is to just copy the image link, or the file link that you open inside that URL.

Procedure for Hosting your whole folder without manipulating links for your file:

• First is to go to Google Drive, Then make your new folder.
• Share that folder, follow the steps above. (sharing URL should be Public on the Web).
• Copy the sharing URL and paste it inside notepad. The URL should look like this below.

https://drive.google.com/folderview?id=0B34mC1Fbl7PmWlNsc3pnMUZXX0E&usp=sharing

• Copy the characters inside your link in red color.
• Paste the Characters you've copied like what you can see below.

http://googledrive.com/host/0B34mC1Fbl7PmWlNsc3pnMUZXX0E

You're now done, The only thing you need to do is to upload the images you want to host then open the URL we've made then click the file you've just uploaded from your Drive. Enjoy and Comment!