February 17, 2013

Widgets

How to Host Web Content on Google Drive?



Google Drive

Google Drive, as you might know, is one of the more recent cloud storage services. For starters, it offers some functionality that makes it better than its closest competitors, i.e. SkyDrive and DropBox. One such feature is the seamless integration with other Google products, and the story doesn't end there. Google Drive will also let you host static web content, so that you can run a simple website right on your drive! This sort of functionality was only offered by DropBox before. Now, it's Google's turn to establish its superiority. In this post, we'll talk about hosting your own web content on Google Drive.

Cloud storage is a great way to host web pages. For one, it lets web developers get a feel of how their websites would actually look on the web. Besides, it could be used to share photos, videos, and other information with friends and family, without fear of people from the outside hacking into your system, or spamming your website etc. It is also a great way for freelancers to show their work to their clients.

Hosting web content on Google Drive

Now you can't host dynamic websites on Google Drive. Nothing that requires server-end computing. Technologies like PHP, ASP etc require back-end processing, so they can't run. You can only host simple, static websites that are HTML, CSS, and JavaScript driven.

Now you could use this just like you'd use GooglePages or code.google.com for a similar purpose. But GooglePages has been replaces with Google Sites, and no longer supports direct uploading, which is kind of a let-down, because we need to directly upload webpages in order to test them on Google Drive. Google Code, on the other hand, has bandwidth issues. Hence, Google Drive is the best option you have for hosting your static website.

How to host a website on Google Drive?

To host a website on your Drive, log into your Google Drive account from a web browser, and create a folder. This folder can be inside the main Google Drive folder, or inside another private directory. The path isn't of concern. What's important is the permission you set on that directory. This directory will host your web files, so it needs to be shared with the public, or else, no one will be able to see it.

Now that you've created a folder to hos your files, it's time to put the files in. Upload all your web files in this folder. Now, you need to share it with the public. To do this, right click on the folder, and then click on Share >> Share.....

Now, look under the "Who has access" section, and change the setting from Private to "Public on the web". Then, copy the link given on top. You'll need it for the next step.

Share with public

Now, you need to get your hosting link. You can do this manually. The URL you just copied is the link to your shared file, and not to the hosting. There's a slight adjustment you need to make in the URL. The link you copied will go something like this: https://docs.google.com/folder/d/link-to-your-site. You have to change it to https://googledrive.com/host/link-to-your-site. Notice that the 'link-to-your-site' part remains the same.

Now, you can give this link to whoever you like! It'll take them to your hosted website. Cool, right? You can see Google's instructions on hosting a website on Google Drive. And believe it or not, they've hosted the instructions on Google Drive itself! You can view the instructions here. You can use any JavaScript files on your own site.

Hope you enjoyed this post. Try this out with your own Drive, and let us know if you have any problems. Peace :)


About Author:

Qasim Zaib is a passionate blogger who enjoys writing articles on Technology, Make Money Online and Blogging niche. He is our Gold Star Contributor and co-author of all blogs under our network.

Follow him @ Twitter | Facebook


If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you Subscribe to our regular Email Updates!

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

25 comments:

bloggertipstricks.com on Feb 17, 2013, 1:18:00 AM said... #

Hey Qasim, this is again a great post by you. As I already commented on your previous post, that I love Google drive most in compare to skydrive because of its services and the facilities they provide.

Shireen Sweety on Feb 17, 2013, 2:38:00 AM said... #

Again a wonderful post from you qasim, I am glad I found this blog....... I tried google drive once but I left using it, I actually didn't understand anything, I will start using it again...

Reaz Ahmed on Feb 17, 2013, 7:25:00 AM said... #

great post share mate. really helpful blogs.

Himanshu Kumar Pandey on Feb 17, 2013, 7:34:00 AM said... #

What a surprise! I was thinking about the same and you provide us the details to host the webpages on GDrive.
Please publish an article to set-up these G-Drive's websites to custom domains, as the URL's of these are not easy to remember.

Thanks for the article!

Hemant Verma on Feb 17, 2013, 9:37:00 AM said... #

nice post


get more job updates here |www. fresherjobspot. blogspot. com |

(remove spaces)

Karthik M on Feb 17, 2013, 10:27:00 AM said... #

Hope google plans to start free web hosting service with this.. :p

Add support for php, custom domain and database... that should make google drive a basic web hosting platform...

abhishek on Feb 17, 2013, 11:15:00 AM said... #

super like .........

contestmatra.com

Usama Sonu on Feb 17, 2013, 1:27:00 PM said... #

Amazing trick

Free Premium Accounts and Cookies

Bishnu Subedi on Feb 17, 2013, 2:24:00 PM said... #

Thanks for the information brother.

www.PokharaTech.com

Mehul Mohan on Feb 17, 2013, 2:58:00 PM said... #

Awesome as usual! No words for Qasim! :D

Mathew Olusayo on Feb 17, 2013, 3:01:00 PM said... #

This is another great post from MBT team. Thanks for sharing this with us.

Mehul Mohan on Feb 17, 2013, 3:01:00 PM said... #

Mohammad sir, your footer's drop down first menu is not working properly.
When I clicked 'Web Hosting Guide' and clicked on 'Why Choose Hostgator' then it opened third dropdown menu, not post. Please check. :)

saif ullah on Feb 17, 2013, 3:57:00 PM said... #

great post admin i like your every post
How to play Live Tv Channels on Android Mobile Phones

Daniel Benny Simanjuntak on Feb 17, 2013, 5:47:00 PM said... #

Thank you so much for this post, Qasim! Drive supports JavaScript and other client-side scripting languages, so it's even possible to run a JavaScript Drive app directly from Drive. :)

Hafeez Khan on Feb 17, 2013, 10:36:00 PM said... #
This comment has been removed by the author.
Hafeez Khan on Feb 17, 2013, 10:42:00 PM said... #

thats nice post Muhammad always create unique fromProBloggerTricks

shakeel asghar on Feb 17, 2013, 10:46:00 PM said... #

thanks you very much qasim for this nice tip great job as usual.
Download drivers and books

Jake on Feb 18, 2013, 8:28:00 AM said... #

Can we host Java script files which are downloaded from 3rd party websites on google ?

Anna University 7th sem results

iliyas shaikh on Feb 18, 2013, 9:41:00 AM said... #

Again a wonderful post from you qasim, I am glad I found this blog.

Shibbir Ahmad on Feb 18, 2013, 12:06:00 PM said... #

This is an excellent post.
▄ █ ▄ █ ▄ ▄ █ ▄
Daily technology
▄ █ ▄ █ ▄ ▄ █ ▄

techlans.com on Feb 18, 2013, 2:38:00 PM said... #

Nice info about hosting for bloggers and it is advaned google trick too.We expect more articles like this from my blogger network.

Andro on Feb 19, 2013, 2:55:00 PM said... #

Awesume information...:D
Going to try it...:D

Android Games

RH hassan on Feb 23, 2013, 6:12:00 PM said... #

nice post .........

GeHaGe SEMM on Feb 28, 2013, 9:14:00 AM said... #

Very Helping me,tank you for this..

alltechtricks.com on Mar 8, 2013, 9:25:00 PM said... #

very helpful one for me...Good to have this kind of articles from you ...:)

Click Here To add Comment

Confused? Feel free to ask

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. No cheesy/spam Comments tolerated Spam comments will be deleted immediately upon our review.

Regards,
Mohammad

Support Us

If our Tutorials have helped you a little, then kindly spread our voice using the badge below:-

or try a Beautiful Banner


Widgets

 
  • MBT Icons and buttons

    Icons and Buttons

    Our resources have been successfully downloaded over 10K times and found almost every where. Get yours!

  • choosing webhost for a blog

    Why HostGator?

    Learn Why we chose HostGator as our Web Host and find discount coupons to kick start your blog today!

  • SEO Settings for blogger

    ALL IN ONE SEO PACK 2012

    Learn every single SEO tip that will boost your blog's ranking and organic traffic. We got them all!

  • Blogger widgets and plugins

    Visit MBT's Blogger LAB

    Why not take a tour of all great Blogger widgets published so far? You Name it we have it!

  • become a six figure blogger!

    Become a SIX FIGURE BLOGGER

    Learn what it takes to become a successful entrepreneur and build a living online!

About The Author

Hi! I am Mohammad, a certified SEO Consultant, Pro Blogger, Computer Engineer and an addicted Web Developer. Read More..

Recipes

SEO Affiliate Marketing Social Media

Make Money Online Web hosting

Blogging Tips Web Designing

Plugins and Widgets Blogging Ethics

Recent Comments

Popular Series

Powered by:

My Blogger Tricks © 2013. All Rights Reserved | Contact |