How to post non-fic works on Ao3
May. 21st, 2018 09:41 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
This post is for all the artists, podficcers, and fanvidders out there!
Art: You will need to host your work on an external site that allows linking. If you don’t have anywhere else, Imgur is free to use and allows you to set various levels of privacy.
- In the HTML editor, enter the following code, replacing IMAGE_URL with your image URL, and replacing IMAGE_DESCRIPTION with a short description of the image:
<img src="IMAGE_URL" alt="IMAGE_DESCRIPTION" />
The image description is optional, but is helpful to include for visually impaired users. The image URL needs to be a complete URL, including the file extension. - Image hosting websites usually provide you with embed code which you can use to post your image. Find the "share" or "embed" option on the hosting site, then copy and paste the embed code into the HTML editor. Hosting sites typically include some extra code in this option, such as a link back to their site.
- In the Rich Text editor, select the "Insert/edit image" icon from the toolbar. This will bring up a dialogue window. In the "Source" field, enter the full image URL. You may then enter an image description. If you wish, you can also edit the image dimensions, which are auto-filled when you enter the image URL. If the "Constrain proportions" box is checked, it means that the image height and width will be kept proportional, so that the image size can be changed without distorting it.
If you don’t have the full image URL, an easy way to find it is to right-click and open the image in a new tab/window.
Fanvids: From the Ao3 tutorial:
First make sure that your video is hosted on one of the whitelisted hosting sites. Most video hosting websites provide embed code that you can copy and paste into the Archive's HTML editor. You can usually find this code under a "share" or "embed" link on the video page.
You can also enter the embed code yourself, using the
<iframe>
tag as shown below, replacing "VIDEO_URL" with the actual URL:
<iframe src="VIDEO_URL"></iframe>
Please note: Videos may not be displayed properly in Preview mode. You may need to post the work before the video will show up.
Podfic: From the Ao3 tutorial:
You will need to host the file in MP3 format on an external site. Once you have the file URL, you can use Dewplayer, the Archive's locally hosted player, to embed the file in the HTML editor.
You have a few different options for how the player will be configured, with slightly different code for each.
The Ao3 tutorial contains more information about the code, as well as examples, which I will strongly urge all podficcers to go read.
You can also post a link to the site where the podfic is hosted, or even post a link to download the file directly. There are some websites dedicated specifically to hosting podfics, which should show up in an internet search.
When posting a podfic, you will probably want to duplicate the tags and other information from the original work. You can also add the Podfic tag, so that users searching for podfics can easily find your work. To credit the original work, select "This work is a remix, a translation, a podfic, or was inspired by another work" on the Post New Work page, and fill out the requested information. This will create a link to the original work, and will also create a link to your podfic from the original work if the creator accepts it.
If any of that is unclear, please reply to this post or send a message to one of the mods and we’ll do our best to troubleshoot!