How to Put a Banner in Tumblr

Written by tiffany garden
  • Share
  • Tweet
  • Share
  • Email

You can add banners, such as an advertisement, to your Tumblr blog using the custom HTML option in the template editor. After you have picked or uploaded a template, use custom HTML to add in code that you want to include in your Tumblr blog. After adding the banner, save the changes to display the banner on your page.

Skill level:

Other People Are Reading

Things you need

  • Banner image URL

Show MoreHide


  1. 1

    Sign in to your Tumblr account and select the specific Tumblr blog to add the banner to.

  2. 2

    Click "Customize appearance," "Theme" and "Use custom HTML."

  3. 3

    Scroll through the Tumblr's CSS and HTML code until you reach the location where you want to post your banner. Each Tumblr blog has different coding, so you need to scroll through the code until you find the sidebar DIV block or a similar block to place your banner.

  4. 4

    Type "<a href="" and paste the URL that you want your banner to link to. Note that this is not the banner image URL, but the URL you want your readers to go to when they click the banner.

  5. 5

    Type "">" after you type the URL, then type "<img src="bannerurl">," where "bannerurl" is the hosted file location of your banner image. Type "</a>" after this piece of code to close the link tag.

  6. 6

    Click "Save & Close" to finish.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

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