Designed by Sofi

Designed by Sofi: How to embed your Tumblr into your own website

In reply to takaia question “Is there a way to include the date or at least visibly separate the posts when embeding in my website? I can’t figure it out :(“

 - to visually separate the posts you need to add either a margin or padding to your .tumblr_posts class. When looking at the classes provided by the HTML brought in you should be able to see what they are labeled. For example .tumblr_image or .tumblr_caption for example. You can select each of these classes (means .classname = .tumblr_post) and add a margin like this margin:20px 5px 20px 5px; which will give you a space of 20pixels between the top and bottom of the post and 5 pixels to either side, this will then space out your blog posts. It might take a bit of tweaking to get right but hopefully that helps. 

Sofi 

sofismithdesign:

I’ve spent ages looking for a simple tutorial on how to do this and for some reason there isn’t one…

Well, I figured how to do it so I want to share…

You’ll need:

• Your Tumblr
• Your Website
• Very Basic knowledge of HTML and CSS (which you should have if you’ve got your own website)

Firstly…