Tumblr Background Image Custom Code

If you want to use your own custom background image on your Tumblr blog, then you can use this background image HTML code in your theme to customize it.

Since I have started my Tumblr blog, I am constantly receiving request to change the background image for the respectively blogs and asking a HTML code to customize background image. So here it is…

Background Image HTML Code

Below is the Background image code that you can put to your custom CSS box on your Theme customization page. Copy and follow the steps.

body {
    background: #2C4762 url(http://static.tumblr.com/0szq8b5/4Tbmey8nl/background.png) repeat-x;
    overflow-x: hidden;
}

Follow below steps to install this background image code…

  1. First of all, Logged to your Tumblr account.
  2. Second, Go to this URL to customize your theme page.
  3. Scroll down and Put above code in the Custom CSS box.
  4. Save your theme.

FAQ

1. My custom template doesn’t have Custom CSS box! What do I do?

Fix: It might possible that mistakenly, you have removed {custom} variable from your template. Don’t worry. Try to add below CSS codes just above </style>.

body {
    background: #2C4762 url(http://static.tumblr.com/0szq8b5/4Tbmey8nl/background.png) repeat-x;
}

If you are still facing difficulty finding </style>, then just add below HTML and CSS codes only under <head> of your template.

<style type='text/css'>
body {
    background: #2C4762 url(http://static.tumblr.com/0szq8b5/4Tbmey8nl/background.png) repeat-x;
}
</style>

Now, save your theme and take a look at preview. Just replace above background image URL with any customizable background picture that you like.

Reference

Tumblr Banner Generator


Related Posts For "Tumblr Background Image Custom Code" are:

Show / Hide all 5 notes

Why we are here:

About Tumblings.net updates Tumblr help tutorials time to time to customize Free Tumblr Themes, HTML Codes, Cute Backgrounds, Layouts, Widgets and Cool Quotes 2013.
Find us on Google+, Facebook and Twitter

Alexa About Us