How to embed a link to a Google drive document with a picture on a website - Some HTML coding required to follow along with adding pictures to links.
The HTML embed option to add content uses the following format <a href="[GOOGLE-URL]"><img src="[IMAGE-URL]" /></a>
With these HTML codes links can be customised with pictures.
For example:
<a href="https://docs.google.com/document/d/1Hm13GmDrBfJCIGSCMRKCKYWKpP_yjmrIWTWS1ZP7NUE/edit?usp=sharing"><img src="https://www.influencer.tips/assets/images/test-picture.png" /></a>Produces:
Notes:
- For the
[GOOGLE-URL]left click on the document in Google drive and select theget linkoption. - For the
[IMAGE-URL]upload your picture to a public page, left click on the picture (in Google Chrome) and selectcopy link address. - To format the size of the picture refer to the HTML <img> tag for options.
- For more information about how the link tag works refer to the HTML <a> tag.
- For more formatting options refer to the HTML <style> tag (not shown here).
Share a comment if you found this helpful?
