Tuesday, January 27, 2015

How to Host Your HTML, CSS and JavaScript on Google Drive

Google Drive has become one of the best cloud storage service to store your data and access it from anywhere you go. If you are searching for an alternative to host your basic components of your blog such as HTML, CSS, JavaScript, Images or any other static material then Google Drive is a best option to do so. You can easily host your blog component using Google Drive in few clicks. In this post I am going to explain you how to host your website on Google Drive.

hosting

Advantage of Google Drive over Free Hosting site

  1. 15GB of free space which is huge to host your files.
  2. 24*7 Uptime.
  3. Free from ads.
  4. Highly secured.
  5. Integrate with other Google drive component such as Google Form.
  6. Manage file revisions.
  7. Easy to manage.

To host your files Google Drive is a great alternative but there are some limitations.Firstly, You can upload and publish anything that runs in client ,that means, in your case the browser but we can’t host anything that require server side technology.  You can’t host server side scripting languages like PHP, MySQL.

Secondly, The final generated URL is too long to remember www.googledrive.com/host/…..

Also, You can’t change the default Google Drive URL to your custom domain name URL.

Follow the steps below to host your files on Google Drive.

Step 1. Create a new folder and share it as “Public on the Web”.

Public on Web

Step2. Upload your HTML, CSS, JavaScript, Images and all other resources to the folder.

Step3. Select the file and right click on it. Click on Share to get URL like this: https://drive.google.com/file/d/0B5WcDwqa_gOXLTRZSnN4SHQyeU/view?usp=sharing/view?usp=sharing. Copy the file id.

ID of file

Step 4. Copy the file id (Red font in step 3).

Step 5. Generate and share URL that looks like www.googledrive.com/host/0B5WcDwqa_gOXLTRZSnN4SHQyeU.

Feel free to share your ideas and feedback. I’d love to here about in comments section. If you have any queries please do let me know in comment section.

You may like: 10 Best features of Google Drive you’re probably not using.

Posted by
Labels: , , , ,

44 comments:

  1. PeterMarch 24, 2017 at 4:54 AM

    You can also use dollar one web hosting for image saving it is also save your maximum data thank you.

    ReplyDelete
  2. juley jusesAugust 31, 2017 at 4:30 AM

    Thanks for that, great help
    target black friday coupons

    ReplyDelete
  3. Mueeid KhanSeptember 8, 2017 at 6:58 AM

    Many of us secretly bear anxiety and fear while driving vehicles. In fact, particular driving phobia affects millions of people.calgary car shipping

    ReplyDelete
  4. Cara SmithOctober 8, 2017 at 9:54 AM

    Interesting guide. I was completely unaware that we can also host a website on Google Drive. I own a website that I am hosting with Godaddy Economy Plan. I have bought the plan using the Godaddy $1 Hosting Coupon and the plan cost me just $12 yearly with a free domain. Hosting a site on Google drive also sounds interesting.

    ReplyDelete
    Replies
    1. for IT theNovember 3, 2017 at 9:11 PM

      Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from Javascript Training in Chennai . or learn thru JavaScript Online Training India. Nowadays JavaScript has tons of job opportunities on various vertical industry.




      Hi, Great.. Tutorial is just awesome..It is really helpful for a newbie like me.. I am a regular follower of your blog. Really very informative post you shared here. Kindly keep blogging. If anyone wants to become a Front end developer learn from JQuery Training

      Delete
  5. Ravesh khatriOctober 16, 2017 at 9:46 PM

    Very good content I enjoyed it a lot keep sharing like this. Norton Customer Support

    ReplyDelete
  6. Adiba AlamOctober 21, 2017 at 11:53 PM

    All the first class program merchants, for example, Google, Firefox, Apple, Microsoft and so on are supporting HTML5. Amazon a goliath web dealer has likewise begun to help HTML5.javascript query string

    ReplyDelete
  7. ArjunOctober 23, 2017 at 2:05 AM

    The blog is really awesome always post informative posts and its continuously improving my knowledge. Acer Support

    ReplyDelete
  8. RamjasOctober 24, 2017 at 12:14 AM

    Thanks.
    AOL Support

    ReplyDelete
  9. rahulOctober 24, 2017 at 3:11 AM

    Great Post.
    Epson Customer Support

    ReplyDelete
  10. JORDAN MARRYOctober 25, 2017 at 4:02 AM

    Very informative post for us.
    Dell Customer Service

    ReplyDelete
  11. Kamlesh TyagiOctober 25, 2017 at 4:27 AM

    Amazing post.Thanks for sharing among us. windows tech support

    ReplyDelete
  12. KaneOctober 25, 2017 at 4:44 AM

    keep sharing and posting.

    ReplyDelete
  13. mohanOctober 26, 2017 at 1:02 AM

    Very nice post.
    Excel Sheet Number Support

    ReplyDelete
  14. Lenovo Phone NumberOctober 27, 2017 at 11:13 PM

    Amazing post and please keep posting like this

    ReplyDelete
  15. Raghuvindra RathorOctober 30, 2017 at 2:44 AM

    Hi! This is my first visit to your blog! We are a collection of volunteers and Your blog provided us valuable information to work on. You have done a outstanding job! Yahoo Mail Support

    ReplyDelete
  16. RamjasOctober 30, 2017 at 3:52 AM

    Thanks for sharing a nice post!!! Yahoo Mail Customer Support Number

    ReplyDelete
  17. Laxman PratapOctober 30, 2017 at 5:13 AM

    amazing post Hp customer support

    ReplyDelete
  18. Rajnesh NathuOctober 31, 2017 at 3:40 AM

    amazing post
    ms excel customer support number

    ReplyDelete
  19. Tech SupportNovember 1, 2017 at 2:48 AM

    This support center has one main advantage is that they are available 24/7 with every day of the year. Firefox Customer Care Number

    ReplyDelete
  20. Mabasi LalNovember 3, 2017 at 12:30 AM

    Nice post and thanks for sharing with us.
    HP Printer Support

    ReplyDelete
  21. iphonesupportNovember 3, 2017 at 4:42 AM

    Admiring the time and effort you put into your site and in depth information you offer.
    iphone Support number

    ReplyDelete
  22. Tech SupportNovember 6, 2017 at 3:26 AM

    Awesome post, I think keep it up! Safari Customer Tech Support

    ReplyDelete
  23. buffalo airstation router support numberNovember 6, 2017 at 4:17 AM

    good post

    ReplyDelete
  24. Tech SupportNovember 7, 2017 at 1:44 AM

    Nice post chrome customer Support

    ReplyDelete
  25. chrome supportNovember 7, 2017 at 10:08 PM

    I really like the information present in your post, it is very informative and it is very helpful for us. Chrome Customer Care

    ReplyDelete
  26. Mohan BrijNovember 8, 2017 at 2:29 AM

    NICE POST

    Norton Contact Number

    ReplyDelete
  27. chrome supportNovember 13, 2017 at 4:31 AM

    chrome support services provide services that help to resolve your mail related problem.
    Chrome Contact Number

    ReplyDelete
  28. RamjasNovember 13, 2017 at 10:27 PM

    It's very informative Blog, it's more helpful to us thanks for sharing keep it up!!! Best Hookup Apps

    ReplyDelete
  29. hookupappsNovember 14, 2017 at 12:37 AM

    amazing post so thanks for this
    best dating apps

    ReplyDelete
  30. Maahi PalNovember 19, 2017 at 10:31 PM

    amazing post!!!!!
    ASUS COMPUTER AND LAPTOP REPAIR

    ReplyDelete
  31. Chi AndreasDecember 3, 2017 at 9:38 PM

    Outlook Support Great idea provide by this post.

    ReplyDelete
  32. Shiv RathorDecember 15, 2017 at 9:14 PM

    thanks to share your ideas with us.
    Canon Support

    ReplyDelete
  33. Customer serviceDecember 18, 2017 at 3:34 AM

    helpful post it was.
    Canon Support Number

    ReplyDelete
  34. Customer serviceDecember 19, 2017 at 9:10 PM

    keep posting these kind of articles . I really liked it.
    Canon Customer Support

    ReplyDelete
  35. Laxman PratapDecember 21, 2017 at 2:18 AM

    Great post so thanks for this.
    Google play music customer support

    ReplyDelete
  36. Daniel MarkJanuary 2, 2018 at 9:27 AM

    AWESOME POST
    upsc result

    ReplyDelete
  37. sachi sharmaApril 3, 2018 at 10:23 PM

    In the event that you are searching for Delhi Escorts
    city. Delhi Royal Escort Agency give Escort Girls Like air leader escorts Delhi

    ReplyDelete
  38. Aisha paalJune 10, 2018 at 4:25 AM

    Escorts Services in Pune
    Independent Pune Escorts
    Female Pune Escorts

    ReplyDelete
  39. Aisha paalAugust 12, 2018 at 4:50 AM

    Pune Escorts
    Escorts in Pune

    ReplyDelete
  40. PlayStation SupportSeptember 18, 2018 at 4:21 AM

    nice Post so thanks for this..
    PlayStation Australia Contact

    ReplyDelete
  41. Soniya BajajNovember 17, 2018 at 3:04 AM

    I'm shakshi.I am working in India top most Escort service Mumbai Call girls.If u want to join the all facility of escorts Puri call girls
    pls call me & whatssap Cuttack call girls
    visit the sites. Bhubaneswar call girls

    ReplyDelete
  42. Puja KumariNovember 17, 2018 at 3:11 AM

    Escort Service in Gurgaon
    Bangalore escorts
    Escort Service in Mumbai
    Call girls in Gurgaon
    ==========================
    Gurgaon escorts
    Bangalore escorts
    Mumbai escorts
    Gurgaon escorts
    ============================
    Bangalore call girls
    Gurgaon call girls
    Gurgaon call girls
    Mumbai call girls
    ==============================
    Escort service in Gurgaon
    Escort service in Gurgaon
    Escort service in Mumbai
    Escorts in Bangalore
    Call girl in Gurgaon
    call girls in lucknow
    lucknow escorts service

    ReplyDelete

Subscribe to: Post Comments (Atom)
badge