--> How to Host Web Content on Google Drive? | Experience Lab - Online business creation and development guide for bloggers and startups

How to Host Web Content on Google Drive?

Google Drive, as you might know, is one of the more recent cloud storage services. For starters, it offers some functionality that mak...




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 :)

COMMENTS

Name

Affiliate Marketing,12,Announcement,34,Bing,9,Bitcoin,38,blog,7,Blogger Resources,42,Blogger Templates,4,blogger tricks,156,Blogging ethics,70,Blogging tips,198,Bugs and Errors,34,Business,4,Copyright Violation,9,CSS and HTMLTricks,95,Designs,8,drop down menu,7,eBook,12,Email Marketing,7,Events,30,Facebook,30,Facebook tricks,49,Google,157,Google AdSense,42,Google Analytics,7,Google Plus,51,Google Plus Tricks,38,Guest Posts,112,home,2,How To,77,Internet,1,JSON Feeds,25,Kitchen Recipes,2,Label Based Sitemap Themes,1,Make Money Online,108,Marketing,16,MBT Blogger Templates,7,Menus,1,News,146,Pages,1,Posts,10,presentations,15,Responsive,10,Reviews,7,SEO,307,Settings,6,Shortcode,15,Sitemap Themes,1,Social Media,155,Technology,3,Templates,1,Tips,2,Tools,1,Traffic Tips,80,Video,19,Web Designing,62,web hosting,18,Webmaster Tools,97,Widgets,199,wordpress,26,
ltr
item
Experience Lab - Online business creation and development guide for bloggers and startups: How to Host Web Content on Google Drive?
How to Host Web Content on Google Drive?
http://1.bp.blogspot.com/-68HoqIXkJSY/UR_CYcP1ymI/AAAAAAAADpY/l2vFk4ZYaP0/s320/Google+Drive.png
http://1.bp.blogspot.com/-68HoqIXkJSY/UR_CYcP1ymI/AAAAAAAADpY/l2vFk4ZYaP0/s72-c/Google+Drive.png
Experience Lab - Online business creation and development guide for bloggers and startups
https://www.experiencelab.info/2013/02/how-to-host-web-content-on-google-drive.html
https://www.experiencelab.info/
https://www.experiencelab.info/
https://www.experiencelab.info/2013/02/how-to-host-web-content-on-google-drive.html
true
2959477579779989044
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share. STEP 2: Click the link you shared to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy