How to Make the Links Have a Title on Tumblr

By Andrea Ruiz

HTML and CSS code enable you to add a variety of effects to your Tumblr.
i Image Source/Photodisc/Getty Images

When you create a Tumblr blog, the site enables you to customize the way it looks by adding a design template called a theme. You can add custom text and graphics to Tumblr themes through the customization page of your blog's settings. If you'd like to add titles to menu links, link lists or individual links, the methods you use vary depending on where the link is located in your layout.

Automatic Page Links in Themes

Most native Tumblr themes enable you to automatically add links to your static pages and external URLs in your layout's navigation menu. You can add these links via the customization settings and customize the text they display in your blog's menu. Click the gear icon in your Tumblr dashboard, select the blog to which you want to add the links and click the "Customize" button. Click "+ Add A Page" to create a static page or click the tab of an existing page and then toggle the "Show a Link to This Page" switch from gray to blue. If you have a static page that doesn't have a title, you can enter what you want the link text to say in the blank field next to the toggle switch. Click the "Save" button to publish your changes.

Manually Adding Links to the Sidebar

You can manually add links in the text on your sidebar in your customization settings and customize the text with which they display. Enter the link in the Description box using the following code:

<a href="http://www.yourlink.com">Your Link Title</a>

Replace "http://www.yourlink.com" with your URL and "Your Link Title" with what you want the link to say in the text of your description box.

Section Titles

Many Tumblr themes feature sections of content, such as the description text, a menu of links to your pages and Tumblr links such as RSS feeds and a link to your archive and mobile version. You can change the titles of these link sections by clicking "Edit HTML" in the customization page of your theme. Press "Ctrl-F" to find the current section titles in the code, replace them with the titles you wish to see and then click the "Save" button to publish your changes. You can also click the "Update Preview" button to see what the changes will look like on your blog before publishing them.

Hover-Over Titles

If you'd like your links to have titles that display when you hover your cursor over the links, you can add a special title tag using HTML code. Click the "HTML" button in the page or post form or click "Edit HTML" to add a hover title to a link in your blog's layout. Locate the URL and link tag in the code and add the following code to the tag:

<a href="http://www.yourlink.com" title="Your Title">Link Text</a>

Replace "http://www.yourlink.com" with your website URL, "Your Title" with the text you want to display when you hover your cursor over the link and "Link Text" with the text you want to display in the hyperlink.

×