How to Create a Repeating Background on Tumblr Code
In addition to the themes provided by Tumblr’s theme garden, the micro-blogging platform allows you to edit or create a theme using an HTML editor. The HTML editor is included as part of the theme editing interface and organizes the HTML, CSS and PHP that composes your site in an easy-to-read, color-coded format. Tumblr blogs are styled using Web-standard CSS, so assigning a repeating background simply involves editing the body tag.
Other People Are Reading
Instructions
-
-
1
Go to Tumblr.com, and sign in to your account.
-
2
Click the title of the blog you want to edit in the top menu.
-
-
3
Click “Customize My Blog” in the right sidebar.
-
4
Click “Edit HTML” in the left sidebar. The HTML editor drawer slides out -- scroll down to the “<style>” tag in the head.
-
5
Find the “html, body” selector beneath the style tag. Delete any background styles attached to this selector.
-
6
Type “background:url(“ beneath the “html, body” tag, type the URL of the image you want to use as a repeating background close the parentheses, close the style with a semi-colon and click “Update Preview” to load the changes. The style should look something like this:
background:url(yourimageURL.com);
-
1
