By default, your Tumblr blog shows a text header with your blog title above your posts. To spruce up your page's appearance, you can add a custom picture to the header, while leaving the existing text displayed atop the image. On the default Tumblr theme, this requires modifying the theme's HTML, but adding an image only takes a single extra line of code.

Step 1

Log in to your Tumblr account and open the "Upload a Static File" page (link in Resources). Tumblr provides this upload space exclusively for theme files, so don't use it to upload images to post on your blog.

Step 2

Select the image you want to use in your header and click "Upload File." Images must be under 5MB in size, and you can only upload a maximum of 15MB per day.

Step 3

Copy the address that Tumblr displays for your uploaded image.

Step 4

Open the Tumblr Settings page, select the blog you want to edit and click "Edit Theme." Click "Edit HTML" under the name of your theme.

Step 5

Scroll down in the code to your current header. To help find the correct line, press "Control-F" and search for "IfShowBlogTitle" (without quotes).

Step 6

Type the code "

" (without external quotes) immediately before "{Title}" on the "IfShowBlogTitle" line. Paste the image address you copied earlier inside the parentheses.

Step 7

Click "Update Preview" to see your blog's new appearance. If it looks correct, click "Save."

bibliography-icon icon for annotation tool Cite this Article