How to Post HTML in Tumblr

Written by ashley poland Google
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Post HTML in Tumblr
HTML is the basic code used to format a webpage. (Comstock/Comstock/Getty Images)

By default Tumblr uses a rich text editor that responds to standard formatting keyboard shortcuts (such as "Ctrl + B" to create bold text) and requires no extra knowledge of HTML to format your text. However, you can edit and compose your text using HTML if you so choose. While the editor cannot be switched to use HTML by default, the HTML editor is easy to access.

Skill level:
Easy

Other People Are Reading

Instructions

  1. 1

    Select the kind of post you want to create. Tumblr offers seven different kinds of posts: Text, Photo, Quote, Link, Chat, Audio and Video. The HTML editor can be used on any post type except Chat, which uses a simple format you cannot edit.

  2. 2

    Click the "HTML" button at the end of the text editor toolbar. This will open the HTML view of your post in a pop-up window; if you've already added text to your post, the text will be in the HTML window.

  3. 3

    Add any content and HTML to your post that you wish. Standard HTML tags include "<b>" for creating bold text, "<i>" for italics, and "<u>" for underlines. You can make text larger by using the "<h1>" heading tag or "<big>" tag. You must end all HTML tags, i.e. "<b>Bolded text</b>" or "<big>Bigger Text</big>." You can write an entire post in the HTML editor, or use the rich text editor and then add the HTML.

  4. 4

    Click "Update" in the lower left corner of the window to save the text and HTML to your post. You can use this view to embed certain media, such as images, video or audio players, or simply to modify the formatting of your posts.

Tips and warnings

  • When adding paragraphs in the HTML editor, you use the "" tag; just using the Enter key will not add paragraph breaks to your text.
  • Tumblr will strip any HTML it does not support in posts, including certain style modifications.
  • Adding HTML using the rich text editor will simple display the HTML coding, i.e. "bold" if you attempt to bold text.

Don't Miss

Filter:
  • All types
  • Articles
  • Slideshows
  • Videos
Sort:
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the eHow.co.uk site, you consent to the use of cookies. For more information, please see our Cookie policy.