Beauty & The Geek
This week I thought that I’d answer a question which a lot of you have been asking since last weeks post, how did I embed the images within the text on a tumblr Photo post.
Stand Out In A Crowd
With so many different blogs out there it is important to make sure that yours stands out in a crowd. This can be done by having an interesting layout, logo or background image, however if your posts are mostly text then people are going to take one look at your blog, get overwhelmed with how much text there is to read and they will move on to the next blog.
This can be improved by adding eye catching images to your posts. If it’s a short post then you can just include a header image, on tumblr this is as simple as creating a Photo post. However if you have a long text post, having one header image still may not be enough. This is where enbedding images within your posts comes in.
Tumblr allows you to create either a Photo post which has images at the top of the post and an optional text at the bottom, or a Text post which allows you to have a mixture of text and embedded images. You’d think that it was a no-brainer then, if you have a long post, say a how to post, then create a Text post so that it can have embedded images.
There is a downside to Text posts in Tumblr, they are less likely to get read and re-posted as in the Tumblr dashboard only a small amount of the post is shown and if that is just text then people are less likely to click through to read the rest of the post.
Wouldn’t it be great if you could embed images within the text at the bottom of a Photo post? Well you can!
Embedding Images In A Tumblr Post
The trick is to have two tabs open in your browser when you’re creating a Photo post. The first one is the Photo post you are creating, the second is a Text post.
When you want to embed an image within your Photo post, go to the Text post and click on the “+Upload photo” link. See below:
This will open up a file selection dialog. Simply select the image which you want to embed and select the Open button and the image will be embedded into the Text post. Now comes the clever bit!
This image has now been uploaded and stored on Tumblr’s servers, which means that even when it’s been deleted from this text post, it will still be stored on their server. So we can take advantage of this and copy it across to the Photo post.
To do this you select the image by clicking on it and then click on the “Insert / Edit Image” icon. See below:
Then select and copy the Image URL text in the dialog that appears. This is the location of the image on Tumblr’s servers. See below:
Then simply select Cancel on the dialog and delete the image from the Text post.
Go back to your Photo post and in the Caption section where you’ve added text, decide where you’d like your image to go and again select the “Insert / Edit Image” icon. See below:
Then in the Image URL box paste the URL which you have just copied from the Text post and select Insert.
And just like magic your image will be embedded within your Photo posts caption.
You can do this as many times as you like within a Photo post. This technique has been used to create this post and the previous Beauty & The Geek post which resulted in a lot of questions by other tumblr users as to how we did that.
Who knows, maybe one day Tumblr will allow you to embed images into a Photo posts Caption in the same way you can a Text post, but for now at least we have a work around. :)