influencerTips

influencerTips

Helping you connect with engaging social and digital marketing.

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:

  1. For the [GOOGLE-URL] left click on the document in Google drive and select the get link option.
  2. For the [IMAGE-URL] upload your picture to a public page, left click on the picture (in Google Chrome) and select copy link address.
  3. To format the size of the picture refer to the HTML <img> tag for options.
  4. For more information about how the link tag works refer to the HTML <a> tag.
  5. For more formatting options refer to the HTML <style> tag (not shown here).

Share a comment if you found this helpful?

PLANS SUBSCRIBE

You've successfully subscribed to influencerTips
Great! Next, complete checkout for full access to influencerTips
Welcome back! You've successfully signed in
Success! Your account is fully activated, you now have access to all content.