Saturday, 9 January 2016

Host WebPage on Google Drive


  • This post will show you detailed information about how to host your webpage on google drive.
  • It's really very simple job to host a webpage on your own drive and let other view your data | file which you want them to access. 
  • A very simple example is wishing New Year to all your friend in what's app group or on any other medium.
  • Let's start.
  • You have to create a HTML Page as you like(For non-IT persons figure is shown below).

  • *Note you have to host/upload both image or any media you want on your webpage on your drive.
  • After creating a webpage in html now Goto Google Drive and create a separate folder and upload media/images/videos you want inside that folder.






















  • Now after uploading media, you have to give uploaded media path to image source in html code <img src="{here}">. So  right click on media and go to share link. It should be shared in a way that it should be accessed over internet. There is option : Access anywhere on the Internet(Public Access)






























































  • After sharing and giving public access copy the link as shown in figure.



































  • Now paste the link in new tab (ctrl+t) and copy the id|code as shown below for particular media files. (* Note for each medias or file you want them to give public access would have different ID).



  • After copying the id for that media , open new tab in browser and type https://googledrive.com/host/{your ID|code} ... as shown in figure below.










  • This should redirect to the image or media you uploaded on drive and shared. If then copy that url -> https://googledrive.com/host/...... and paste in your img source like->
  •  <img src="https://googledrive.com/host/{your ID|code}"/>
  • Now make a webpage in a similar way and upload that html file on your drive.
  • Share that file by giving public access and copy the link in a same way as that of media.
  • And get the hosted url-> for html file.
  • That's it now share that url for html file with whomsoever you want and have fun.  




1 comment:

  1. https://googledrive.com it is not a link of web page (fake blog)

    ReplyDelete

How To Pass An Array As A Parameter While Calling an ASP.NET Web API C#

Please visit my C# Corner Blog for this, where I have provided better efforts to make this concept more understandable - www.c-sharpcorner....