A blog dedicated to Flowers and everything Floral

How to put a background image in your Tumblr theme!


I am getting so many questions about using the backgrounds it is hard to reply them all individually so decided to write a  general reply/tutorial page hope it helps.

General Questions:

Sure this is the point of the blog in the first place/ you have to either “reblog” or “like” the post you want  then you can save them to your computer or use their url by right click from your own dash

i find them on internet with google image search or photobucket etc.. i post some of them originally and and some of them after i  edit, decorate or resize/ i try to credit them if i can find the source  for the rest just read my disclaimer please!

How to put a background image: 

First of all “reblog” or “like” the  post you want from the blog then go to http://www.tumblr.com/customize-classic you will see the old tumblr customize page which is easier to use,There are 3 diffirent  scenarios i will try to explain what to do for each of them if you wanna use the backgrounds

*If you have a theme with customizable background

  1. Click on the Appearance Tab.
  2. scroll down and find the  ”background image” option 
  3. click on “upload” , now you can choose any image that was saved in your laptop as the background it will upload and refesh the preview automatically if you like the result click the “save+close” button on the right top 

*If your theme has a background but doesn’t support to customize it;

  1. Click on the “Theme” Tab. 
  2. you should see your theme code (if you dont, click on the “enable the custom html” button in the bottom)
  3. now find the line that says  body {   (use ctrl+f it will open a searh box write body {  and press enter it will find that line easily) (there is a space between body and { dont forget it!!!)
  4. after body {     try to find the line starts with; 

 background-image: url  

for example: it can look like this;

background-image: url(http://i878.photobucket.com/albums/ab342/vickymeow1234/tumblrbg4.jpg);

  5. now you can change the url in parentheses [http://i878.photobucket.com/albums/ab342/vickymeow1234/tumblrbg4.jpg - this is a random url i find as an example, yours will be diffirent]  with the  url of the image you want as your background (you can right click on any image and use copy url to get url of the image)

   6. click “update preview” in the bottom it will refesh the preview automatically if you like the result click the “save+close” button on the right top 

-If your theme doesnt support backgrounds;

we need to add some coding but i am not sure it will work perfectly for each theme it is your choise to try but i need to warn you it can mess up your theme!!!

  1. Click on the “Theme” Tab. 
  2. you should see your theme code (if you dont click on the “enable the custom html” button in the bottom)
  3. now find the line that says  body {   (use ctrl+f it will open a searh box write body {  and press enter it will find that line easily) (there is a space between body and { dont forget it!!!)
  4. after  the body { tag you need to add this code; 

background-image:url({image:Background});

background-attachment: fixed; 

background-repeat: repeat;

background-position:right;

     5.now ues ctrl+f again to find the lines start with  

<meta name=

there will be so many lines as a list  that start with it now we will add a new one  copy the following code and paste it to the top of  the list 

<meta name=”image:Background” content=”“/> 

   6. click “update preview” in the bottom

   7.  we  just added the customizable background option to your theme now you need to follow the steps of the  ” If you have a theme with customizable background“ 

CHECK THIS POST FOR UPDATED TUTORIAL!!!!

http://floralls.tumblr.com/post/85905911882/how-to-add-background-to-your-theme-if-it-doesnt

700 notes
tagged as: #tutorial #html #coding #background
reblogged from backgroundsbyfloralls
originally posted by backgroundsbyfloralls

  1. eckapanda reblogged this from floralls
  2. emmytheme reblogged this from floralls
  3. imgoincakeless reblogged this from floralls
  4. silentbloodnight reblogged this from floralls
  5. rustydanger reblogged this from peppermintro
  6. peppermintro reblogged this from floralls
  7. bishesbegravy reblogged this from prettydeerlady
  8. prettydeerlady reblogged this from floralls
  9. bookwormchickdiaries reblogged this from floralls