Home › Forums › CSS › Tumblr {block:Posts}…{/block:Posts} › Re: Tumblr {block:Posts}…{/block:Posts}
So right now each of your posts look like this:
Before your first post, you’ll want to put your opening `{block:Posts}` and after your last post you’ll put your closing `{/block:Posts}`. Next up is the tricky bit.
For inexperienced Tumblr users, I like to recommend an approach that I don’t personally use (as it adds too much duplicated code) but is a lot easier to comprehend.
Inside your posts block, you’ll need to create areas for each of the post types that you plan on supporting into. I’ll use your photo post example from above. It would look like this:
{block:Photo}
{/block:Photo}
You would repeat this process for all of the post types that you want to support. I’ll do one more example with your video post:
{block:Video}
{/block:Video}
I’ve included the `.item` divs in my example, but I’m not sure if they’re actually being used. Also, in the Codepen you created you have 57 `
`, so you’re going to run into some trouble with that.