How to position a tumblr banner

Written by erin mcmanaway
  • Share
  • Tweet
  • Share
  • Email

Tumblr is a microblogging social network that allows you to design and create your own blogs on the Internet. If your blog uses a banner as a header image, you can edit your theme HTML to change the position of the banner. By default, an image will automatically align on the left side of the screen. You'll need to edit the HTML to centre a banner or align the banner image on the right side.

Skill level:
Moderate

Other People Are Reading

Instructions

  1. 1

    Log in to your Tumblr account and click the name of the blog you would like to edit from the top menu.

  2. 2

    Click "Customize Appearance" from the menu on the right.

  3. 3

    Click "Theme" from the top toolbar, then click "Use Custom HTML." This will open the HTML coding for your Tumblr blog in a text box.

  4. 4

    Scroll down until you find the code for your image header block. This may be different depending on your layout, but most themes will include code such as "<div id="header">."

  5. 5

    Find the image file code for the banner within the header. The exact URL address will vary depending on the image file, but the image tag will display like the following: "<img src="IMAGEURL">".

  1. 1

    Click in front of the image tag and type the "<centre>" tag.

  2. 2

    Click behind the image tag and type the "</centre>" tag. The finished code will look similar to: "<centre><img src="IMAGEURL"></centre"

  3. 3

    Click the "Save+Close" button to save your changes.

  1. 1

    Left-click behind the image URL within the image tag.

  2. 2

    Press the space bar once to create a space between the lines of code.

  3. 3

    Type "align=right" in front of the closing bracket. The finished code will look similar to: "<img src="IMAGEURL" align=right>."

  4. 4

    Click the "Save+Close" button to save your changes.

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.