Tumblr HTML Codes – Basic Customization for Tumblr Themes

Some of theme customizations I mention on my posts require you to know basic HTML and CSS coding. I created this page for you to refer to if you want to do learn Tumblr HTML Codes.

Text Codes

• Bold: <b>text</b>
• Italic: <i>text</i>
• Underlined: <u>text</u>
• Strike Through: <s>text</s>

Text Alignment

• Center text: <center>Text Here</center>
• Text on the right: <div style=”text-align: right;”>Text Here</div>
• Text on the left: <div style=”text-align: left;”>Text Here</div>

Text Size & Color

• Changing color:
  <font color=”htmlcolor”>Text Here</font> Choose your HTML color Here (example: black – #000000, red – #FF0000)
• Changing size:
  <font size=”2″>Text Here</font> The number “2″ is an example, you can put any number.
• Changing color AND size: <font size=”2″ color=”htmlcolor”>Text Here</font> 
• Border around your text: use the following code.
  <FIELDSET style=”width:190px; height:12px; border: 1px solid #000000;”>text
  Change the width, the height and the color (#000000) to your liking. You can replace “solid” with “dashed” or “dotted”.

Links:

• Making a link: Link Tutorial

Images:

• Putting an image in your description:
  upload the image you want on TinyPic, ImageShack or Photobucket. Get the direct link (it should end in .jpg for example) and use this code: <img src=”directlink”>