How to Host a File on Google Drive for Blogger Blogspot

Web Hosting

If you are planning to use Google Drive to host  your Files then you are in the right place!

In this example i am going to show you how to host a JavaScript File or a .js File.
Many Blogger ask me how to host Files on blogger, but sadly we can’t host the JavaScript or CSS file on Blogger because Blogger only allows us to upload images and videos.

Previously, most bloggers would use Google Code (http://code.google.com/hosting) to host these files because Google Code’s project hosting feature is very simple to use and free. But since Google announced that they are deprecating almost all download options for Project hosting on Google Code, we have to switch to Google Drive as recommended by Google itself.

Starting today, existing projects that do not have any downloads and all new projects will not have the ability to create downloads. Existing projects with downloads will see no visible changes until January 14, 2014 and will no longer have the ability to create new downloads starting on January 15, 2014. All existing downloads in these projects will continue to be accessible for the foreseeable future.

If your project is using downloads to host and distribute files and has a need to periodically create new downloads, we recommend you move your downloads to an alternate service like Google Drive before January 15, 2014.
Google


Ad link
Try this: The #1 Web Hosting in the Philippines Offering $7.49/Year Host Now!.


Actually it is not so hard to use Google Drive, just create a folder, upload the JavaScript file (or any other file like images, videos, documents including PDFs and Microsoft Office files) and then change the file’s sharing settings from “private” to “public on the web”, or simply change the folder’s sharing settings from “private” to “public on the web” and all files inside that folder will have the same sharing permissions, but the tricky part is getting the proper direct link for the JavaScript or CSS files, so we can use it on the blogger template. Please follow the steps below to host your JavaScript or CSS file using Google Drive:

How to Host Javascript File

Step 1:
Login to your Google Drive account > Click Create > Select Folder

Create a folder

Step 2:
Type a name for the folder and click Create button

Step 3:
Select the folder and then click the Share button

Step 4:
Click Advance


Step 4:
Click Change…

click change

Step 5:
Change the sharing settings from “Private” to “Public on the web” > Click Save > Click Done

change the sharing settings

Step 6:
Now click on the folder’s name to go into it



Step 7:
Click the Upload button > Select Files…

upload files



Step 8:
Select file > Click Open

select the files



Step 9:
The item will have the same sharing permissions as the selected folder…. Click Upload and share

upload and share

Step 10:
Copy the string characters after #folders/

google drive folder id


Step 11:
Open a new browser tab > paste that string (folder id) into the address bar after
https://googledrive.com/host/
(what you will be doing) Example:

https://googledrive.com/host/0B47Pdqj–olfUENkNGhtX3lSN0U

Step 12:
To get the direct link to the file, right click on example.js > Select Copy Link Location


copy link location
Thats it! you made a successful hosting a file. If you have any help, comment below.

Leave a Reply

Your email address will not be published. Required fields are marked *