Skip to main content

How to Host A Website on Google Drive




This tutorial teach you how to host a website on Google Drive. Before going to host a demo page you all need to know what is Google drive. Google Drive is a Google product and is a cloud storage and synchronization service which is released on April 24, 2012. It enables user to edit their documents, spreadsheets, presentations, and more. Earlier Google drive has 5GB storage capacity. Google has increased it size upto 15GB, 3 times higher than earlier. Files shares publicly on Google drive can be searched on the web by search engines.

Hosting website on Google drive is an exciting feature added by Google. This helps developers who want to show a demo to their clients. Hosting website or web page on Google drive is completely free. No need to pay anything. Using Google drive anyone can host either their basic websites or complex JavaScript based on web apps. Anyone can publish any kind of contents like HTML pages, CSS, images files, audio and video files. You can look this demo site that I have published on Google drive. 

Publishing a website on Google drive is very easy. First you need to create your webpages and put them in a folder and upload it on your Google drive. Remember, keep all your contents in a relative folders like image files under image folder, java script files under js folder and css files under styles folder. Otherwise you can kept all your files in a single folder instead of keeping them in separate folder. Now you need to upload this folder in your Google drive. You can upload this folder in two ways.

You can check my demo website that is hosted on Google drive. Click here to see Live Demo Page. You can use my demo site's data to your google drive. Click here to download my .zip file. Go to File and click Download. Once it is downloaded unzip this file upload into your Google drive. Follow the instructions.


Make your contents available for public from Google drive folder from My Documents

Process 1
If you have installed Google drive in your computer then just put that folder in Google drive located in My Documents. After putting your folder in Google drive folder in My Documents in your computer, Google drive is automatically synchronize your files and folders from Google drive folder. Otherwise right click on the folder where your web contents are located then go to Google Drive and then click Share. Once you click Share you will be directed to login to your Google drive account. Insert your username and password and click Sign in. Share settings dialog box open. Here you need to change the access settings from Private to Public. So that your website is available to public. To do so click Change against Private - Only the people listed below can access. Here you need to change the visibility option to Public on the web and then click Save. Now click Done.




Now click your website folder under My Drive and click index.html file. Here you will see the codings of your index.html file. After that click Open button located bottom of right side. Once your index.html page loaded click Preview button to see the live page. Thats it!



 

Watch This Video 
 

Process 2

Login to your Google drive account with the help of your username and password. Click upload button and select Folder.... Browse your folder and click OK. Wait for a while till your folder is uploaded. After that click My Drive and then select your folder and click share button. Share settings dialog box open. Here you need to change the access settings from Private to Public. So that your website is available to public. To do so click Change against Private - Only the people listed below can access. Here you need to change the visibility option to Public on the web and then click Save. Now click Done. Rest of the steps are same.


Hope this will helpful for you. Don't forget to leave your valuable comments and share the post with your friends.




Recommended Post
Big on Hosting. Unlimited Space & Unlimited Bandwidth

Comments

Popular posts from this blog

How To Change Default File Download Path in UC Browser

All of us known that UC browser is the most popular, fast and less data consuming mobile browser for android devices. Many of us use UC browser on daily basis on our smart phones. By default UC browser has download path to internal memory device which is /storage/sdcard0/download. sdcard0 is the built in memory or internal memory of your device. Read also : How to fix HTTP and HTTPS Mixed Content Errors.

Do you know that this default download path can be changed? Since, internal memory is fixed, and once you exceed this value you can't download more. You need to move some data from mobile memory to the external memory which is sdcard1. If you change this default path to external memory card (sdcard1), you can download more data directly to your desired directory. Read also : How to Setup AdSense Page Level Ads and Fix Script Error.

Here, I will show you, how to change this default download path from internal memory card sdcard0 to external memory card sdcard1. To do so you need to…

Calculation of Total Marks, Percentage, Division, Remarks, Maximum & Minimum Number of Students in MS Excel

In this post, I will help you to learn how to calculate total marks, percentage, division, maximum number, minimum number and remarks of students of a class very fast. At first you need to look over the above image very carefully. The above image shows the marks obtained by six students of a class.

Formula to calculate Total Marks of all students within seconds 

First you need to find out the Total Mark of a single student who is on the top of the list i.e, Mani. To calculate Total Mark of Mani, click on the Total Mark cell address of Mani i.e, H6 and then type the formula =sum(1st subject's cell address i.e, b6:last subject's cell address i.e, g6) and then press Enter on the keyboard or click anywhere on the worksheet. Here b6 and g6 are cell address of 1st subject (English) and last subject (Biology) of that student. Read also : How to Enable HTTPS for Blogger Blog.

After getting results, click on the resultant cell address of Total Mark of the 1st student i.e., Mani an…

How To Rename A WhatsApp Group

We all know that WhatsApp is the most popular messaging service for Android, BlackBerry, iPhone and for other platforms. In this post, I will show you how to rename an existing WhatsApp group. To rename an existing WhatsApp group your smartphone must have internet connection. After that you need to follow the below steps. Read also : How to track lost/stolen mobile phone and erase data remotely.


Step 1. Open WhatsApp application on your smartphone.

Step 2. After that you need to click CHATS tab and click on your group name.



Step 3. Once you click on your group name, you will able to see chat details. Now you need to click vertical dots located extremely top right corner and then click Group info. Read also : How to setup AdSense page level ads.


Step 4. Now you can easily rename your group. To rename the group just click Edit icon and then type the desired group name and click OK. Read also : How to protect your computer from WannaCry ransomware virus.


In this way you can rename a What…

Change UC Browser Default Homepage in Android Phones

We all know that Android OS operated Smartphones and Tablets are great for web browsing. Like other browsers, uc browser has a default search engine Yahoo is set for web search. UC browser provides different kind of search facilities under 5 different categories namely Web, Video, Shop, Image and APP. Read also : How to protect your computer from WannaCry ransomware virus.

In this post, I will show you how to change the default search engines of uc browser in Android devices for their 5 different categories. To do so you just need to follow the below steps. Read also : How to Enable HTTPS for Blogger Blog.

Change Default Homepage for UC Web search

Step 1. At first you need to open UC browser
Step 2. After that click Search. Follow the below image.


Step 3. Once you click Search, you will able to see the default search engine's icon for Web search like y for Yahoo, g for Google. Now you need to click that search icon. Follow the below image. Read also : How to change UC browser defaul…

Xiaomi Redmi Note 4 Exclusive Launch on Amazon.in today at 12 pm and Next Sale on 30th May

Xiaomi Redmi Note 4 will go on sale today on Amazon at 12 pm. The price in India starts from Rs. 6,999 for 2 GB RAM and 16 GB internal storage variant, Rs. 8,999 for 3GB RAM and 32 GB internal storage variant and Rs. 10, 999 for the 4GB RAM and 64GB internal storage variant. The Xiaomi Redmi Note 4 smartphone's price on Amazon India is less compared to the flipkart's price. Read also : How to protect your computer from WannaCry ransomware virus.


Launch Offers

Xiaomi Redmi Note 4 includes various discounts like flat Rs. 500 cashback with YES Bank debit and credit cards, up to Rs. 5,000 off on flights and hotels booking through GoIbibo and Rs. 200 promotion credit for Kindle app. The company also provide 45GB free data for 5 months to Vodafone users on purchase of Redmi 4 smartphone.



Salient Features

Xiaomi Redmi Note 4 is powered by Qualcomm Snapdragon 435 SoC octa core processor with 4100mAh battery which makes Xiaomi Redmi Note 4 a powerhouse that boasts of better performance and…

Set UC Bowser as Default Browser in Android Device

UC browser is the most popular and free mobile browser for android phones developed by UCWeb also known as UC Mobile. UC browser becomes most popular among mobile internet users because of its less consuming data than any other mobile browser. It can be downloaded from UCWeb or Google Play Store. Read also : How to protect your computer from WannaCry ransomware virus.

In this post, I will show you how to set UC browser as default browser in your Android phones. To do so you need to follow the below steps.

Steps to set UC browser as default browser

Step 1. At first open UC browser.

Step 2. In the second step, tap the horizontal bar. Read also : How to make money online from home.


On the next image, you will able to see Bookmarks, History, Refresh etc. icons. Now swipe this menu screen to the left and tap Settings. Read also : How to transfer large files without mobile data.


Step 3. Now you will able to see the option Set as Default Browser which is inactive.



Step 4. Now you need to t…

Enable Auto Save Forms & Passwords in UC Browser

Many of you use UC browser on daily basis on your smart phone but very less enable this feature. Enabling auto save forms and passwords allows the browser to remember the username and passwords. It gives you relief from entering username & password every time whenever you login to your email. Did you enable auto saving form & password? If not, then do it now. Read also : How to track lost/stolen mobile phone and erase data remotely.

In this post, I will show you how to enable auto save forms & password in UC browser in your Android phones. To do so you need to follow the below steps.

Steps to enable auto save forms and passwords

Step 1. At first open UC browser

Step 2. In the second step, tap on the horizontal bar.


On the next image, you will able to see Bookmarks, History, Refresh etc. icons. Now swipe this menu screen to the left and tap Settings. Read also : How to create custom AdSense Search Engine and make money from it.


Step 3.  Now on the Browser Settings, you w…