#ao3help

hey y'all!! a friend of mine asked me a little while ago how I put images/links into the notes on ao3, so I'm just going to post a tutorial to help anyone who needs it.

First, click edit chapter on the one you want to insert the image or link in (or just add chapter), and go to the main body paragraph box. It'll automatically be on HTML, so click on Rich Text. It should look like this.

We’re going to start with links first. You should have the link copied, so click on the link icon (circled in red). This will then pop up:

Paste the link in (you can also change what text will show to others by typing something in text to display, but I won't do that for this example. If you want further explanation, just ask me and I'll do another post!) Click save once you have the link pasted in the URL box. The link should show up in the paragraph box like this:

So far all you've done is add a link to the actual chapter. To add it to the chapter notes (either beginning or end) just click back to HTML. The link should now look something like:

Now, you don't need to worry about the <p> and </p> just look at the text starting and ending at the <a and </a>. Copy that text and paste it into either the beginning or end notes exactly how it is.

Bam! And that's how you add a link! Basically all you do is first add the link through Rich Text in the main body box, and then click back to HTML. Copy what it turns into and then paste it into the notes!

Pictures/photos work the same!

Click the picture icon once you're in Rich Text and paste in the picture link/URL. You can change the dimensions of the actual photo here, too. Click save, and the photo should come up in the big box. You can also change the dimensions here too by moving the corners/sides.

Once you've done that, click back to HTML and copy what it turns into. Paste it into whatever notes box you want and click save/preview chapter! Bam! You're done! It'll show up as just the photo once you post/save as draft. It will stay as a link when you're editing, however.

(for @tisiclem, who asked for this on a separate post!!)

1) SO! First what you want to do is start out on Rich Text in the chapter you want to put the link in.

2) click the little link icon (circled in red above) and a menu will pop out where you can paste your URL/link into—paste it into the first box titled URL, as shown in the next picture below.

3) where it says “text to display” is where you can change what the readers will actually see. The URL link will automatically be there (as highlighted), so just delete it and put whatever you want to! I usually do discord! so that I can just type “join the” in the regular rich text and then have that one word (discord) as the link, but you can also make it a phrase or string of words.

4) once you change it to whatever you want (in this example i put “join the discord!”) make sure to hit the SAVE that’s on the pop up box. it’ll be in the bottom right. then the link will show up however you wanted it to look, similar to mine up above, and THERE you have it!

Now, as with the last ao3help post I did, you can also add the link you created to your chapter notes and not just your main body area. To do this, simply revert back to HTML and copy what you see:

In this example, I’d copy everything from <a all the way to </a> (tho copying the p’s too won’t hurt. it’s just formatting) and then paste it into the notes where I want it. to see what it will look like to others, you can save the chapter as a draft and see it or you can publish it!