Host Your Blog Images on Google Drive

Host Your Blog Images on Google Drive Google Drive is most popular service where we can easily host our Blog or website's images, videos, audio etc. There was a time when we can directly get URL after uploading any image, audio or video file and later we can use them on various Blog or website but now it is not possible. Because after uploading any media file you will see only the share URL where viewers only can view the media files on Google Drive only. And this is only possible if your File publicly shared. So we have to be little tricky to host media files on Google Drive thus we can use them on any Blog or website. In this tutorial I will show you the way about Image hosting on Google Drive. This is very easy. Just follow the below steps. Step 1Go tohttps://drive.google.com/and sign in to enter into your drive and it will redirect to Google Drive Page. Step 2Now click onMy Drivedrop down option and selectNew Folderand name itImage Backup. And Click on Blue color Create button. Your Folder is ready now. After that enter into the Image Backup folder. Step 3And now click on red colorNewbutton from top left side of the screen and selectFileUploadafter that a popup window will open for selecting Image files from hard Drive. Step 4So select your Image file from hard drive and click onOpenButton. Google will prompt to upload your Image file. Step 5After completion upload click on Blue colorsharelinkand instantly a popup window will appear, after that click onAdvancedand another window will appear. Step 6Initially your file will bePrivatemode (only you can access to file) but you have to make yourImagefilePublic otherwise it won't work in your Blogger Blog Posts. So click onChange...link from next toPrivate - only you can accessoption. Step 7You will be inLink sharingwindow and selectOn - Public on the weboption, after that click on blue colorSavebutton. You will be return in previous window. Step 8Now belowLink to sharefield copy the code. the code will be like below- https://drive.google.com/file/d/0ByO1DuqQ0HMcdW1sejZhTW5qQkk/view?usp=sharing And click on blue colorDonebutton from the bottom left side of the popup window. Now our Image file is uploaded and hosted on Google Drive. And we have got the Image file link from Google Drive. HOW TO USE HOSTED Image FILE INSIDE BLOG POST? To you hosted Image from Google Drive to Blogger Blog posts we have to apply a simple trick. We have found the below hosted Image link from Google Drive. https://drive.google.com/file/d/0ByO1DuqQ0HMcdW1sejZhTW5qQkk/view?usp=sharing To make it work we will use only the 0ByO1DuqQ0HMcdW1sejZhTW5qQkk code line. This is also known as File ID. Default Image code to make it viewable code line is like below- http://drive.google.com/uc?export=viewid=File ID So now we will add the File ID only. And final code will be like below- http://drive.google.com/uc?export=viewid=0ByO1DuqQ0HMcdW1sejZhTW5qQk In some Widget code this is not compatible so in this case you have to encode the code just like below- http://drive.google.com/uc?export=viewamp;id=0B9kc_Su2qRHNelp0a1B4emQwTHc you can use our HTML Encoder for Encoding the original code thus you can use it in various purpose. How to use Hosted image in Blog Posts? Step 1For integrating the image just Create a New post and switch toHTMLview. Step 2After that copy the below code and paste it in post editor (HTMLview). http://drive.google.com/uc?export=viewid=0ByO1DuqQ0HMcdW1sejZhTW5qQk Step 3Now switch toComposeview and Publish your Blog post. That's it you are done. Now you will see hosted image displaying on your Blog Posts from Google Drive.