Using Google Drive to Host JavaScript & CSS Files for Free!

Description: Host your JavaScript and CSS Files in Google Drive for Free. View the Direct Link of your Scripts hosted on your Google Drive account.

In this guide, we will show you to host your JavaScript and CSS files into Google Drive for free. If you have a limited storage in your server or have a limited bandwidth, you can use your free Google drive account to take its unlimited bandwidth advantage. You will get 15 GB free storage to share across Google drive, Gmail and photos. Hosting external scripts or CSS files in Google drive are not difficult, just you have to find out the direct link of your files which is a tricky one as Google drive doesn't allow you to show the direct link. Once you get the direct link, you can easily add these external files into your blog's HTML source.

how to get direct link from Google drive of hosted files
If you have a Blogger blog, you can either host your JavaScript or CSS files to Blogger itself or Google drive to take 100% up-time and unlimited bandwidth advantage. If you have your own server, limited or unlimited storage, you can host your JavaScript and CSS files into drive to reduce your server load. Many bloggers including me are using Google drive to host external scripts, and here is a simple method to do it.

More Blogger Tips:

Host JavaScript and CSS Files into Google Drive & Get Direct Link

  • Login to your Google Drive account.
  • Click 'New' -> 'Folder', type your folder name i.e., script or css and click on 'Create'.
    how to create a folder in Google drive
  • Double click on the newly created folder.  Again, click on 'New' and then 'File upload'.
  • Now select your file from your local hard disk. It is upon you to select either JavaScript file or CSS file. The procedure will be remain same for both types of files.
  • Once the file uploaded, right click on the file and choose 'share'.
    how to choose files privacy in google drive

  • Under the 'Link sharing on' click 'More...' and select 'On - Public on the web', and click on 'Save'.
  • Now copy the link as shown in the following preview. Paste it into your notepad.
    how to get the direct link in google drive
  • Make sure we will use only the highlighted part of the copied code as mention in the following preview.
  • The direct link for the script file for this example will be,
  • You can visit above link to view the script on the web.
Now, you have got the direct link. You can embed these external files into your blogs. In case, you don't know how to embed external JavaScript or CSS files into blogs. Here is simple a simple code.
For Hosting External JavaScript:
Go to your Blog's source code, find </body> and above this code paste the following code. 
<script src='Direct-Link-of-Your-JavaScript' type='text/javascript'></script>
For Hosting External CSS:
Go to your Blog's source code, find <head> and below this code paste the following code.
<link rel="stylesheet" type="text/css" href="Direct-Link-of-CSS-File/>

    Like Us on Social Media
    Share this article
    Copyright © 2015 • All Rights Reserved.
    Powered by Blogger
    back to top