Many Tumblr themes allow you to display a banner image at the top of your blog in place of your blog title. If, however, the banner does not line up to your liking, you can change its alignment by editing your theme's HTML code. If your theme doesn't support banner images, or you want to add a banner above the title, you can edit the HTML code to add and position a banner manually.

Themes With Header Images

Step 1

Click the "Customization" tab on your Tumblr dashboard to access your theme settings.

Step 2

Scroll down to the Appearance section in the left pane, and then click the "Upload" button next to "Header" to upload your banner image.

Step 3

Scroll back to the top of the pane, and then click "Edit HTML" to access your theme's HTML code.

Step 4

Press "Ctrl-F" on the keyboard to bring up the search tool, and then search for "{Title}" (without the quotes) until you find the first occurrence of the term in the body section, soon after the "<body>" tag. In many cases, it will be within a block that begins with "<div id="title">" or "<div id="header">".

Step 5

Enclose "{Title}" with the "<center>" and "</center>" tags, so that the code looks like this:

<center>{Title}</center>

Step 6

Click "Update Preview" to see if your changes worked. If the banner doesn't center on the page, you may have modified the wrong section of code, in which case undo your changes and try again.

Step 7

Click "Save," and then select "Exit" after you successfully change the banner. To discard your changes for any reason or to start over, click the back arrow without saving, and then click "Exit."

Add and Position Banner Manually

Step 1

Upload your banner image using Tumblr's upload page (link in Resources), and then copy the URL displayed on the page. Alternatively, upload the image file to another website, such as PhotoBucket or TinyPic.

Step 2

Click the "Customization" tab on your Tumblr dashboard to access your theme settings.

Step 3

Click "Edit HTML" to access your theme's HTML code.

Step 4

Press "Ctrl-F" on the keyboard to bring up the search tool, and then search for "<head>" (without the quotes).

Step 5

Insert a new line just below the "<head>" tag, and then add the following line of code:

<center><img src="BannerImageURL" width="700"></center>

Replace "BannerImageURL" with the URL for your banner's image file.

Step 6

Click "Update Preview" to make sure the banner displays properly. Make any changes as needed, and then click "Save" and "Exit."