O'Reilly logo

Tumblr For Dummies Portable Edition by Sue Jenkins

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Editing a Theme’s HTML

Editing the HTML on a Tumblr theme is a bit tricky for the average user, so unless you think you have a pretty good handle on HTML and CSS, you might want to leave the HTML theme-editing to the pros. On the other hand, if you do know some HTML and CSS or if you’re feeling adventurous and think you can figure it out as you go, then by all means, jump in! If you try, you might very well succeed.

Examining your theme’s code

To begin editing your theme, click the Edit HTML button at the top of your blog’s Customize Theme page. You can access the Customize Theme page by clicking the Customize Theme button on your Dashboard sidebar. Clicking this button opens the HTML panel for your selected theme, as shown in Figure 9-5.

If you examine the code in the HTML Editing panel on the left side of your screen by scrolling up and down, you’ll see that the code is broken up into logical sections, like a regular HTML webpage:

check.png Meta tags: At the top, there are Meta tags that control some of the customizable features of the theme.

check.png CSS: Below the Meta tags, you’ll find a section of custom CSS used to style and position the content within the theme.

check.png JavaScript: You may also see ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required