Tuesday, January 27, 2015

How to Host Your HTML, CSS and JavaScript on Google Drive

Google Drive has become one of the best cloud storage service to store your data and access it from anywhere you go. If you are searching for an alternative to host your basic components of your blog such as HTML, CSS, JavaScript, Images or any other static material then Google Drive is a best option to do so. You can easily host your blog component using Google Drive in few clicks. In this post I am going to explain you how to host your website on Google Drive.


Advantage of Google Drive over Free Hosting site

  1. 15GB of free space which is huge to host your files.
  2. 24*7 Uptime.
  3. Free from ads.
  4. Highly secured.
  5. Integrate with other Google drive component such as Google Form.
  6. Manage file revisions.
  7. Easy to manage.

To host your files Google Drive is a great alternative but there are some limitations.Firstly, You can upload and publish anything that runs in client ,that means, in your case the browser but we can’t host anything that require server side technology.  You can’t host server side scripting languages like PHP, MySQL.

Secondly, The final generated URL is too long to remember www.googledrive.com/host/…..

Also, You can’t change the default Google Drive URL to your custom domain name URL.

Follow the steps below to host your files on Google Drive.

Step 1. Create a new folder and share it as “Public on the Web”.

Public on Web

Step2. Upload your HTML, CSS, JavaScript, Images and all other resources to the folder.

Step3. Select the file and right click on it. Click on Share to get URL like this: https://drive.google.com/file/d/0B5WcDwqa_gOXLTRZSnN4SHQyeU/view?usp=sharing/view?usp=sharing. Copy the file id.

ID of file

Step 4. Copy the file id (Red font in step 3).

Step 5. Generate and share URL that looks like www.googledrive.com/host/0B5WcDwqa_gOXLTRZSnN4SHQyeU.

Feel free to share your ideas and feedback. I’d love to here about in comments section. If you have any queries please do let me know in comment section.

You may like: 10 Best features of Google Drive you’re probably not using.


  1. You can also use dollar one web hosting for image saving it is also save your maximum data thank you.

  2. Many of us secretly bear anxiety and fear while driving vehicles. In fact, particular driving phobia affects millions of people.calgary car shipping

  3. Interesting guide. I was completely unaware that we can also host a website on Google Drive. I own a website that I am hosting with Godaddy Economy Plan. I have bought the plan using the Godaddy $1 Hosting Coupon and the plan cost me just $12 yearly with a free domain. Hosting a site on Google drive also sounds interesting.

    1. Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from Javascript Training in Chennai . or learn thru JavaScript Online Training India. Nowadays JavaScript has tons of job opportunities on various vertical industry.

      Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from JQuery Training

  4. Very good content I enjoyed it a lot keep sharing like this. Norton Customer Support

  5. All the first class program merchants, for example, Google, Firefox, Apple, Microsoft and so on are supporting HTML5. Amazon a goliath web dealer has likewise begun to help HTML5.javascript query string

  6. The blog is really awesome always post informative posts and its continuously improving my knowledge. Acer Support

  7. Very informative post for us.
    Dell Customer Service

  8. Amazing post and please keep posting like this

  9. Hi! This is my first visit to your blog! We are a collection of volunteers and Your blog provided us valuable information to work on. You have done a outstanding job! Yahoo Mail Support

  10. This support center has one main advantage is that they are available 24/7 with every day of the year. Firefox Customer Care Number

  11. Admiring the time and effort you put into your site and in depth information you offer.
    iphone Support number

  12. I really like the information present in your post, it is very informative and it is very helpful for us. Chrome Customer Care

  13. chrome support services provide services that help to resolve your mail related problem.
    Chrome Contact Number

  14. It's very informative Blog, it's more helpful to us thanks for sharing keep it up!!! Best Hookup Apps

  15. keep posting these kind of articles . I really liked it.
    Canon Customer Support

  16. In the event that you are searching for Delhi Escorts
    city. Delhi Royal Escort Agency give Escort Girls Like air leader escorts Delhi

  17. I'm shakshi.I am working in India top most Escort service Mumbai Call girls.If u want to join the all facility of escorts Puri call girls
    pls call me & whatssap Cuttack call girls
    visit the sites. Bhubaneswar call girls