How To Embed Image from Google Drive to Your Website Like WordPress, Blogger, and or HTML Pages

As a blogger, you should always consider the importance of having a good quality of image being embedded on your blog or any kind of website that uses image to attract more of their visitors, and one of the main problems of a newbie blogger of any Blog platform such as the WordPress is the size of the image, because as we all know that the higher quality of the image the higher the size it will be which will use up your hosting most especially to those blogger who only use shared hosting.
So in this tutorial, we will guide you on how you can actually insert the uploaded image from Google Drive to your website using only a simple HTML code which is very easy to do, so below will be the step by step guide on how you can actually do it.

Step #1:
Log-in your Gmail account and go to https://drive.google.com/ where you need to upload the image you want.

Step #2:
Once you have done uploading the image you just need to get the ID of the image by simply do a right-click on the image you want to embed and choose the option Share then you will see a modal form that shows an option like the screenshot provided below.
screenshot provided by PHDirectories
Step #3:
After you click the Share options on Step #2, you will see another modal form which has the link for the image you want to embed, by default it will choose and option as anyone with the link can view just leave the option as is and click the text on the right side that says Copy Link (see image provided below.
Once you click that, it will now copy to the clipboard and you can open a text or in words to paste the link copied from the image you share, and it should look like this below.
Sample Link: https://drive.google.com/file/d/0B43mtPfA0ZZlcFhmOUlUZEtvOHM/view?usp=sharing

Step #4:
Now that we have the shared link of the image we want to embed, as you can see on the sample link provided on Step #3, we only need the highlighted ID of the image which is this one: 0B43mtPfA0ZZlcFhmOUlUZEtvOHM
copy that on follow the next step..

Step #5
We now finally copy the image ID generated by the Google Drive all you have to do is embed it now to your website and it should look like this.
Note: the ID sample is like this 0B43mtPfA0ZZlcFhmOUlUZEtvOHM
(i) https://drive.google.com/uc?id={id here}
(ii) https://drive.google.com/uc?id=0B43mtPfA0ZZlcFhmOUlUZEtvOHM

Final Output with HTML:
<img src="https://drive.google.com/uc?id=0B43mtPfA0ZZlcFhmOUlUZEtvOHM ">

That's it! it is very simple, you can save your hosting by saving your image to the google drive easily, but make sure that your account of Google drive is safe by securing your password, and always update the login details because if the image will be deleted on the google drive, it is obviously troublesome for you because it will not show up on your website because the file is not existing on the google drive.

Comments

Post a Comment

Popular posts from this blog

Summertime Saga SAVE Data (Full Unlock) for Android & PC - All Versions

Image
"Download Summertime Saga SAVE DATA latest versions" , save data includes here is compatible for Windows PC, iOS/Mac, and of-course for Android device, take note that this game is uploaded via Mediafire and the password is included here as well. File Name : Summertime Saga Source : Mediafire Versions : Always Updated File Size : depends on the device you use For Android you are using your Android Phone to play this game, DL first the zip file of the data game provided and just simply extract the file and move the extracted file to the following; Internal Storage/Android/Data(paste it) Note: if the folder exists just overwrite it or delete it first then paste a fresh save data, while opening the game you will encounter error just tap ignore. For Future update SAVE Data We will update this post once we have a latest save data and don't forget also to check our Summertime Saga Gameplay to the following YouTube Channel Below. GamerZPRO Android Crawl Vlog Mostly on Gam...
Read more

How To Live Stream on Facebook Page or Facebook Account Timeline?

Image
Live streaming is one of the most popular features from both top social media networks like YouTube , Facebook , and even in other sites such as Twitch . People often make their live stream via Facebook Page or on their YouTube channel, well, if you are a gamer there is a lot of possible things you can do it. If you are looking for a tutorial on how you can build your live stream gaming video, then you are in the right place! because we are going to teach you How To Live Stream on Facebook easily without spending money , all for FREE. Things You Need To Have Before We Start For PC: For those who want to live stream using their PC, like for example if you want to live stream your favorite PC game then you only need the OBS since you will directly stream via your pc. For Smartphone User: If you want to stream using your smartphone like Android Phone or iOS all you have to do is get a Mirror Application for your device and to your PC + OBS. OBS - There is a lot of streaming application ...
Read more

Mocha Uson Interview with DFA Sec. Alan Peter Cayetano (Kahit Wala Na Sa Gobyerno Tuloy Parin Tayo)

Image
 Kahit wala po tayong posisyon sa gobyerno ay tuluy-tuloy pa rin ang pagbigay natin ng update para sa ating mga OFWs. Dito naman po tayo nagsimula sa pagtulong ng boluntaryo sa ating gobyerno at ipagpapatuloy po natin ito.  Interview w/ DFA Sec. Alan Peter Cayetano patungkol sa unang pagkakataon na nagpulong pulong ang iba't ibang ahensiya ng gobyerno upang mas paigtingin ang serbisyo para sa ating mga OFWs o ang tinatawag na Inter-Agency Coordination Meeting on OFW Concerns. Panuorin po ang video. Mocha Uson interview DFA Secretary Alan Peter Cayetano despite her recent resignation of the position of ASEC she still continues serving Filipino, since from the start she was volunteer to be the voice of the ordinary Filipino. The interview is all about the OFW concerns which is so-called Inter-Agency Coordination Meeting for OFW, the concerns are all about different aspects and problems of our OFW which only depends on Mocha Uson voice of Ordinary Filipino, you will see differen...
Read more