Actions

Work Header

Rating:
Archive Warning:
Fandom:
Language:
English
Collections:
Fanfiction Reference Works
Stats:
Published:
2014-10-08
Words:
212
Chapters:
1/1
Comments:
3,097
Kudos:
7,556
Bookmarks:
4,828
Hits:
366,815

Super Awesome Learning How to Embed Place

Summary:

Embedding tutorial

Notes:

Everyone is always asking me how I embed gifs/images and links in AO3. Here's how I do it. :D
4/1/2025 update: AO3 has given the ability to add gifs/images back in comments. Idk if it will stay that way, but as of right now it's working 🩷

******************************************************************

Work Text:

 

Embedding a picture or gif

<img src="URL of image" />

^ That is the embed code.

 

So here is what you do:

Where is says “URL of Image” is where you are going to want to put the web address of the image (or gif, because they will both work fine)  you want to share. What you do is go to the image.  Right click it.  Choose Copy Image URL/address.  Then you are going to paste that link between the quotation marks.  And you should see your image/gif, like this:

That will translate into a gif/image of Loki being too cute.  I KNOW!  Amazing, right?  

 

 

Embedding a link

<a href="url">Link text</a>

^ That is the embed code for embedding a link.

 

So the super-easy way to do it, is to take the address of the link you want embedded and stick it inside the set of quotation marks, and then replace Link Text with what the link shows.

Loki being a sad cutie-pie

Now here is what will happen.  The html code will translate into this: Loki being a sad cutie-pie.  Just like you see above. And when you click it, you will go right to the link.

 

Okay, that's how I do it.  Hope that helps!  :D