Update: Sadly Google has announced that they are phasing out the ability to host websites in Google Drive but you can continue to use this feature until August 31st, 2016. Read more here.
I am going to show you how you can host a website like this one on Google Drive. A site that is built on the Twitter Bootstrap framework (don’t worry, if you know basic html then you won’t have a problem customizing Bootstrap).
Step 1 – Download the free Bootstrap theme
Step 2 – Sign in to Google Drive
Sign in to your Google Account and go to Drive.
Step 3 – Create a public folder
Create a new folder in Google Drive and share it as “Public on the web.”
Step 4 – Upload the theme
Upload the folder named “theme” (101 files so this might take a few minutes) in the folder on Google Drive you just created.
Step 5 – Open index.html file
Click on index.html file and click “Open” in the bottom-right corner. In the new window click the “Preview” button in the toolbar.
Step 6 – The site is live!
Your responsive website based on the Twitter Bootstrap framework is now hosted on Google Drive and is “live” on the web. If everything has gone according to plan it should look like this.
That wasn’t so hard was it! Now it is up to you to customize the Bootstrap theme and make it into what you like. You can edit the files offline in notepad or using a free html editor like html-kit or notepad++.
When done you simply delete the ‘old’ file on Google Drive and upload the ‘new’ file from your computer.
A word of advice
Free web hosting with Google Drive is a good option if you want to throw up a simple website, however if you mean business I strongly recommend that you sign up with a good web hosting company.
For example Bluehost.com. For under $10 per month you will get your own domain name (included for free), email addresses, WordPress installation, around the clock support and much more.
If you want a nicer looking and more memorable URL then you should check out my comment here below on how you can prettify the URL, either using a folder alias or a subdomain or even your own domain name.
Latest posts by Matt (see all)
- Automatic Website Backup and Why You Need One! - November 12, 2015
- Starting Your Own Beauty Blog For Under $100 – Insanely Simple & Easy Steps - October 13, 2015
- Managed WordPress Hosting Comparison [Infographic] - September 28, 2015