How to Put a Banner in Tumblr


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.

Things You'll Need

  • Banner image URL
  • Sign in to your Tumblr account and select the specific Tumblr blog to add the banner to.

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

  • 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.

  • 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.

  • 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.

  • Click "Save & Close" to finish.

Related Searches


Promoted By Zergnet


You May Also Like

Related Searches

Check It Out

Geek Vs Geek: Robot battles, hoverboard drag race, and more

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!