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…

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…

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…

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…

How To Setup AdSense Page Level Ads on Your Website / Blog

Google has updated a new AdSense ads format called Page-level ads. This Page-level ads feature is still in beta. If you are an AdSense publisher, I am sure you are already experienced with responsive ad unit , custom ad unit size and Custom AdSense search engine. When I logged into my AdSense account today, I noticed this new ad format introduced by AdSense. Read also : How to make your blog Push Notification ready.

Whats New in Page-level Ads

According to AdSense, "Page-level ads are a family of ad formats that offers a new and innovative way for you to monetize your content. With Page-level ads, you place the same piece of ad code once on each page where you want to show the ads. Once you've added the code, Ad Exchange will automatically show Page-level ads at optimal times when they’ll perform well for you and provide a good experience for your users." This Page-level ads are only for mobile sites and it offers two kinds of  ads Anchor/overlay and Vignette ad formats.…

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…

Best Video Calling App For 2G, 3G, 4G and Wi-Fi Network

More or less every mobile subscriber wishes to chat with their contacts by seeing his/her infront of them. Now a days video calling becomes more popular in urban areas rather than rural areas. After the invention of 3G network it becomes a trend to chat with loved one through video calling. Read also : How to protect your computer from WannaCry ransomware virus.

But what happened if you have 2G network instead of 3G or 4G. Could you be able to chat with your loved one by seeing him on 2G network? There is a good news for those who wishes to see their friends or family members on mobile screen when they talk to them. There are many application software available on internet which provides video calling facility even on 2G network. Read also : How to Setup AdSense Page Level Ads and Fix Script Error.

Although there are many video calling applications are available, among them my recommendation is IMO. Because IMO provides fast, free and high quality video calling facility to its members…