🦈

Step 1 - make your post Step 2 - follow the images to turn it into html Step 3 - copy the html Step 4 save it in a google doc or somethin

we personally save ours on discord but I’m gonna move them to pages. 1 because discord has a text limit, 2 because if you loose your discord you loose your html. Don’t be like us, save your code somewhere safe

“But Leo what if my post has images?” The images will be automatically turned into code! Lemme show you what that’ll look like

This is what your post looks like before turning on the html editor

This is after! The left image is what the code looks like

Again, you have to copy all of the code and save it somewhere until you’re ready to use it in a post. When you paste it back in your images will be unsorted like the right side. Just drag them back into place and you’re good to go!

The second shows the setting button of a draft post with "scrool down" written over it. The third shows the bottom of the settings tab. The text editor's options are open, and HTML is circled.

The fourth image shows the same post, now with HTML on. The text says "<p>Example post wowzies</p>" and "should look like this" is written over it.

The fifth shows the post's text highlighted and "copy" written over it. The sixth shows the "preview" of the original post with three new images: A teal flower, a collection of shark gummies, and a teal ticket.

The seventh shows the HTML version of the post with images. The HTML text will only be described if explicitly requested, since it's incredibly long and likely impossible for most screenreaders to parse. The eighth shows the post with three images again, now lined up vertically.

The ninth image is a userbox that says "This user is a proud Radq (rad queer.) Antis get fucked."

Step 1 - make your post Step 2 - follow the images to turn it into html Step 3 - copy the html Step 4 save it in a google doc or somethin

we personally save ours on discord but I’m gonna move them to pages. 1 because discord has a text limit, 2 because if you loose your discord you loose your html. Don’t be like us, save your code somewhere safe

“But Leo what if my post has images?” The images will be automatically turned into code! Lemme show you what that’ll look like

This is what your post looks like before turning on the html editor

This is after! The left image is what the code looks like

Again, you have to copy all of the code and save it somewhere until you’re ready to use it in a post. When you paste it back in your images will be unsorted like the right side. Just drag them back into place and you’re good to go!

That's true!

I actually lowkey write all my posts like this, it's how I do the coloured text. I write it as plain text with HTML templates, then clean it up into actual HTML with a regex script, then copy and paste it into Tumblr.

But actually, it is possible to have the images side by side, Tumblr simply doesn't save the HTML like that (for some reason).

The actual imgs are contained within a figure, which is contained with a div (has the class npf_row). So, simply find the figures you want bunched together, and copy and paste them into the same div. Each div, as the class name suggests, detonates a new row. So every time you want a new row, put it into a new div!

You do need to save this, because Tumblr will 'fix' the HTML after you switch to preview.

I hope this was understandable enough.