Tumblr Photoset Import Table Attempt #3 - 177px

[prixmium]

One of the best and only things that tumblr has on other blogging platforms is its format for displaying photo- and gifsets in an attractive and uniform way that we have become accustomed to. I decided to try to soften that blow by making a few templates for you to import your gifsets here and to continue to make them.

Instructions:

1. Copy and paste the code below into your post. You will probably want to preview a few times to make sure that the photoset is positioned beneath your icon so it will display at the true center of the post. You can tweak anything you like about the template.

2. Upload your images to an image hosting service like imgur. You can probably even hotlink your images directly from tumblr, for now, but I'm personally not sure about the stability or reliability of that! Up to you. Replace the image links between the quotation marks where you'd like the images placed.

Example:

<img src="YOURIMAGEURLHERE">

3. If you wouldn't like for there to be a 4px "piping area" between your images, erase this from the code: cellspacing=4. You can also make it more or less by changing the number.

4. To add or remove image cells, look for the following section of HTML. You can copy it from the box below and add it in as you like, or you can erase instances of it from below. The preview is set up for 10 images which was tumblr's maximum, but you can do more or fewer if you like!

<tr><td><img src="https://placeimg.com/177/177/any"></td><td><img src="https://placeimg.com/177/177/any?t=1544210586177"></td><td><img src="https://placeimg.com/177/177/any?t=1544210620194"></td></tr>

Preview:



Code:

<center><table cellspacing=4 width=542 frame=border><tr><td><img src="https://placeimg.com/177/177/any"></td><td><img src="https://placeimg.com/177/177/any?t=1544210586177"></td><td><img src="https://placeimg.com/177/177/any?t=1544210620194"></td></tr><tr><td><img src="https://placeimg.com/177/177/any?t=1544210643507"></td><td><img src="https://placeimg.com/177/177/any?t=1544210661480"></td><td><img src="https://placeimg.com/177/177/any?t=1544210684883"></td></tr><tr><td><img src="https://placeimg.com/177/177/any?t=1544210702588"></td><td><img src="https://placeimg.com/177/177/any?t=1544210718959"></td><td><img src="https://placeimg.com/177/177/any?t=1544210743456"></td></tr></table></center>

If you use, please comment! As soon as I figure out how to mix the dimensions, I will try to make a tutorial about how to do that, too~

Import 540px Photo/Gifsets
Import 268px Photo/Gifsets

Comments

[foreverdawning]

This seems really helpful for those that love making mood boards, but it seems also like a lot of work. Really helpful though especially for me.

[prixmium]

It honestly shouldn't be a ton of work? The main only difference is that you need to upload it somewhere else and paste the URL in the right box. Tumblr just made this one step and a drag and drop format.

I'm really glad it'll help you!

[foreverdawning]

I just wanted to let you know I am constantly coming back to this page. It's very helpful. I think the only thing is that if you want to make moodboards with images of different sizes you have to really get your math right lol

[ilyena_sylph]

You are a marvel and this is amazing.

I can't code for shit despite having been here forever, so! Bless!

[prixmium]

Hey, HTML/CSS etc are like learning a language, and I am only barely conversant. The code is super simple, but even I haven't yet figured out a way to mix the sizes if there is one in just straight up HTML. I'm so glad it is useful!

[mekare]

Thank you so much! I have been here longer than on Tumblr but I sometimes wished for ways to display my art like this. Will use this in the future!