Designed by Sofi

Graphic & Web Designer from Brighton. iamsofi.co.uk

[sofismithdesign-blog]

Relaxing Saturday creating wish lists... #jc #jeffreycampell #blackmilk

[sofismithdesign-blog]

Post Valentine's day morning. Roses and sunshine...

[typographie]

[sofismithdesign-blog]

Sexy, uses? Limited.

[thisisresponsive]

[gregbabula]

Matthew Carver advocates making responsive sites which focus on the user by abstracting content from design. 

[sofismithdesign-blog]

F-5A fighter serious shit with @thebilling and @skintmatt late update but this is the hardest so far... Will send photo copy's

[sofismithdesign-blog]

New business cards arrived yesterday - a little army of them. Most importantly, after all the stress, they were correct! (Taken with Instagram)

[sofismithdesign-blog]

thanks for putting up that guide for embedding tumblr into a site. looks a bit more involved than i can manage but i will have a go. your skills are intimidating but your manner isn't. best wishes. ben

[sofismithdesign-blog]

hey Sofi I'm working on embedding a tumblr feed into a website, I've managed to do so successfully, however i would like to add 2 buttons at the bottom to go to "previous" (older) posts and bring them back to newer posts with a "next" button so viewers can access all tumblr content rather than the newest 10 posts. Is there any way i can do this? Cheers. Harricash.

Unfortunately no, not easily as the code used is written and hosted by tumblr. It's simply a means to grab your current page information. I'm sure there is a way of doing this - But I don't have enough time to look into it I'm afraid. Best of luck, sorry I couldn't be of more help!

Sofi

[sofismithdesign-blog]

Hi Sofi,I embedded a blog into my muse site and had some help styling it with css. Problem is that the images are pixelated. What can I do to fix it? I so need your help.

Tumblr sets maximum image res to around 500px (unless you have a hi-def theme) so if you've stretched the images bigger than this using CSS they will appear pixelated. This is one of the downsides of Tumblr unfortunately but you can combat this by using a hi-def theme which can be found in the Themes section. 

Hope this helps :)

[sofismithdesign-blog]

[sofismithdesign-blog]

Need to sort out...

this piece of shit blog...

It looks ...umm... like someone abandoned it in the 1980s.

[sofismithdesign-blog]

[sofismithdesign-blog]

I am feeling incredibly frustrated for the lack of help the internet provides for my problem. I just want to create a static homepage on Tumblr with a few links to actual (themed) posts.. Could you help me? Thank you so much :)

I'd say your best bet is to create the pages using the page adder and then edit your home page accordingly, You'll have to directly edit the CSS and perhaps the HTML of your Tumblr (found in the custom HTML section of the theme editor), but if you try and find a theme as close to what you're after as possible then it should be relatively easy. You can create and style static divs (or elements) by adding divs like this

and then add to your CSS #largephoto {insert styling here width:300px;float:left; etc} so this would insert a picture of your choice depending on what image you selected, if you want to add images this way (without uploading them to your page via the tumblr method) then you'll have to host the images online somewhere like photobucket etc and use the URL to place them. 

I can't answer you too well as I'm still not exactly sure what you're wishing to do, but it sounds like you're trying to make a website out of a blog. If this helps at all then great, if not, contact me with a more detailed description of what you wish to do and how far you've got so far.

Thanks, Sofi

[sofismithdesign-blog]

Wow thanks so much for the fast response! I'm really new to this but I think I'm getting the hang of it. You didn't say anything about the date though. Do you know how to get the post date to show on each post when I embed my Tumblr on my website?

The date is a tricky one as the Javascript only pulls in the basic data, for example the images and text that's available on your blog. I haven't checked the Tumblr API in a while though, there might be a way of adding this now as I did this quite a while ago. If you need any more detailed help then get in touch and I'll reply via email.

[sofismithdesign-blog]

hello sofi. im trying to embed my tumblr into my personal website and running into a few difficulties. hopefully you still check this, and if you do, hopefully you can help. here is a link to my website where the blog should be located: baker-mark.com/blog.html and here is a link to my tumblr, as it should appear: ruinedinaday.tumblr.com first thing you’ll notice is the “follow,” “dashboard,” and the tumblr’s nav dont appear. numbers 1-10 appear next to my post and the images are all smaller than they originally were. there are other issues of course, but i was hoping you could point me in the right direction and school me on where i may have messed up my code so far. thank you ~

deceleration2 : Your link is giving me a 404 error - it can't find the web page are you sure it's that? To get rid of the numbers you need to use list-style:none; on your posts selector, you can edit image size by using .tumblr_post and then the 'img' selector, then set your preferred image width. I can give you a more in depth explanation and email you solutions when I can see your blog appearing in your website. You'll have to add the follow button in yourself - I'll give you the link to a good tutorial, the Javascript line only pulls in the plain HTML of your blog content, not the additional buttons that appear on the page. 

[sofismithdesign-blog]

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...

[sofismithdesign-blog]

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-blog]

Latest project development for Uni - interactive story/promotional site for a currently fictional idea...