HomeНаука и техникаRelated VideosMore From: eHowTech

Tumblr Tips : How to Insert a Background Image in a Tumblr Theme

343 ratings | 92273 views
Inserting a background image in a Tumblr theme is a great way to spruce up your own personalized space. Insert a background image in a Tumblr with help from a web and graphic specialist in this free video clip. Expert: Brian Santucci Bio: Brian Santucci is a web and graphics specialist. He has been a web designer for more than four years. Filmmaker: Victor Varnado Series Description: Tumblr is a website that allows you to share text, videos, images and more with people all over the world right from your own desktop. Learn about Tumblr and unlock its true potential with help from a web and graphic specialist in this free video series.
Html code for embedding videos on your blog
Text Comments (161)
JOBOT (9 months ago)
Watch this video with the Wii shop theme playing in another tab. Makes it less boring to watch.
Brad Brown (1 year ago)
Update please!
Rue the Fox (1 year ago)
is there anything we can do so the image won't repeat like the dog in the picture did?
Artisticpoptarts (10 months ago)
+danijela zaninovic when I went to that link, Twitter says that the account is suspended..
Veridis Joe (1 year ago)
What Theme Are You Using? PLEASE ANSWER
Kevin M (2 years ago)
it says color background but not image background.. any help?
Red Sly (2 years ago)
dude didnt even blink
Mona Said (2 years ago)
What if I wanna upload a photo from the cumputer?
XDeathLightX (2 years ago)
Thank you so much! Just one thing that I would like to say. If you type "no-repeat fixed" after the brackets, then the picture stays at its place while scrolling down. The full code looks like this: url("background-image.jpg") no-repeat fixed;
Priyanka Bhowmick (2 years ago)
Yeah this is the old method..now its updated so it changed...This method doesn't works anymore...Not in mine
Priyanka Bhowmick (2 years ago)
+Ina St I searched like every link but all are non updated ones and the html code and stuff are also not working..Its kinda hard....So I gave up eventually
brooklyn (2 years ago)
Thank you for this it really helped!
brooklyn (2 years ago)
+Arisugar stop
Arisugar (2 years ago)
+Phanic PROTIP
Jasmyn Johnson (2 years ago)
this does still work for all of you saying otherwise! I wish there was a way to make the giant photo less pixilated but I'll take what I can get! I did this with a previously customized background too, thank you!
Jasmyn Johnson (2 years ago)
this does still work for all of you saying otherwise! I wish there was a way to make the giant photo less pixilated but I'll take what I can get! I did this with a previously customized background too, thank you!
lυиα (2 years ago)
I see this method no longer works. Not only is mine different but i am missing Style type ccs.
YAOI Lover (3 years ago)
Thank you, it helps me too much.
syd the squid (3 years ago)
mine only has the backround color
BinaryPulsarVA (3 years ago)
my html looks way different from yours. the colors and arrangement are different. Stlye Type ccs isn't anywhere in it. the closest thing i found was this: <style>             /* Colors */             body {                 background: {BackgroundColor};             } It seems like the Image:Background should be right there, but it's not. i read through the entire html list, and there's nothing. please help
KippieChick (2 years ago)
mine too
syd the squid (3 years ago)
yah thats how mine is 
Ziggy (3 years ago)
Thankyou~!
Dean Asshat (3 years ago)
Okay so I have found the style type css but I cant find body under it or anywhere. Please help
devon9811 (2 years ago)
+Cinder Luc yes we are lost
Cinder Lux (3 years ago)
+MOON MOON Please tell us we are lost XD
Dean Asshat (3 years ago)
Never mind I fount a better way to do this
Gone (3 years ago)
This helps so much!
Callie (3 years ago)
Thank you :)
om hecc (3 years ago)
this is FAKE!
Léa Asselin-Abston (3 years ago)
I do not have "background: {color:background} url {''} FUCK MY LIFE
DeltoLink (3 years ago)
10 fps
Alexodium (3 years ago)
what tumblr theme did you use????
For me theres no button that says customize.
Mandikar White (3 years ago)
+Luchia Nanami Edit theme is just the updated version of customize since this was made in 2012
only "edit theme" and "Dashboard".
polly10022 (4 years ago)
1) Edit theme.  2) Find number 40 and look close nearby it. 3) Background: (HTTP: LINK) <- This is your current one. 4) Find a desired image on Google. 5) Copy the Google HTTP link. 6) Replace the HTTP link on your Tumblr with the desired on that you found on Google. 
Ari S. (4 years ago)
umm im still very very confused and i dont know what to do D: 
maicah manabo (4 years ago)
dont have that D:
RealShadowtiger (4 years ago)
dont have that
fellow brony 
J Mae (4 years ago)
But what if i want to put a OC on my tumblr background?
Jean Cocteau (4 years ago)
would a gif work or its just with an jpeg image?
daisiefresh (4 years ago)
I keep trying but the images I choose never show up... what do i do
That happen to me ; . ; IM SO CONFUSED 
Michael Nolli (4 years ago)
my tumblr html doesn't have an option for the background:image, only for color. I still have no idea what to do.
find new indie music (4 years ago)
I have the Astronaut by Peter Vidani theme and I can't get it to work either. I must be putting the code in the wrong place or it might be more complicated than the steps show in this video with the newer themes.
Kit4Kat (4 years ago)
Does anyone know how to change it so the background isn't tiled but just as one whole image?
Ash Ratt (4 years ago)
did not work
Mytranos (4 years ago)
what is your theme?
Hank Meldrum (4 years ago)
Thank you so much.
V E N E N O (4 years ago)
How do i upload an image as my background that I have saved on my computer
niz bel (4 years ago)
how to do it if we dont want it to repeat plz just one big background image
Jereelee1 (4 years ago)
WOW thank you very much, it really helped me.
Vee Ramage (4 years ago)
My HTML looks nothing like this and ignores anything and try so I guess I'm stuck with a shit blue background. urgh.
Jacob Ellinger (4 years ago)
no problem. I was wondering how to do this myself. and naterally people wan't to google things. but google was no help. It kept linking me to things that SORTA was what I wanted. I eventually used tumblr itself to find out how to do this. Then I remembered this video being one of the top things google suggested and so I thought how nice it would be if posted what I found for others.
rabin sapkota (4 years ago)
I'd like to discover how to attract women.My buddy has started seeing a stunning woman as 8 weeks ago he signed up to an internet site called Master Attraction (Google it if you'd like to learn how)I'm so green with envy because I want to just fall in love as well.How come it's so hard?I'm going to look into this Jake Ayres guy's material and figure out if it will help someone like me.Funny thing is,my friend previously had no luck with women.How do you change that quickly?His lady's a model.
Jacob Ellinger (4 years ago)
html { background: url(PLACE URL OF DESIRED BACKGROUND HERE you're welcome btw) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
lovenylax3 (4 years ago)
a lot of people on tumblr make themes. you can just google it or if you like someones theme they sometimes have a link to the person that made it and they have a page where you can find their themes. it takes time to find a theme but the more people you follow the easier sometimes. Also when you find a person that makes themes most of them have a description under the thumbnail that tells you if the theme has a customizable background
GRAT28 (4 years ago)
what themes do support it?
Akikah Biersack (4 years ago)
I've got the right video! Easy and Accurate! :) Thanks eHowTech! X
Wizard of Ass (4 years ago)
They really should just have an option that asks you what you want for your background, upload your personal image, do you want it to repeat, cover the whole page? Give options. Don't force everyone to use codes.
Wizard of Ass (4 years ago)
my image repeats but only at the top...it doesn't repeat all the way down.
Ashley Carballido (4 years ago)
omg thanks! this was so helpful!!
Laura Long (4 years ago)
IT DOSENT WORK!!
Ariel Wilson (4 years ago)
Omg thank you so so so much. I was doing a Tardis theme and couldn't figure how to change it. 2 hours of my life! Lol
alyssa garcia (4 years ago)
What if you don't have the option for image background all I have is color option
Maram Khairy (4 years ago)
my image is repeating how do i center it?
tana weaver (4 years ago)
ahhhhh thank you so much
נועה בלנק (4 years ago)
thanks you you helped me a lot
lovenylax3 (4 years ago)
a lot of people on tumblr make themes. you can just google it or if you like someones them they sometimes have a link to the person that made it and they have a page where you can find their themes. it takes time to find a theme but the more people you follow the easier sometimes
Poppy Summer (4 years ago)
but where can we find themes that allow it? I've gone through at least 10 themes and I can't find ONE that lets you do it.
ImpureElegance (4 years ago)
It isn't working for me
Faith masterson (4 years ago)
but which ones?
xbox360xman (4 years ago)
looks hard
lovenylax3 (4 years ago)
haha no problem glad i could help
Mauricio Pavao (4 years ago)
i haven't background , my tumblr is buged. :3
shikha shrestha (4 years ago)
I scanned most of the posts. I believe that this is a useful vid. My older brother wants to get amazing with girls. He studied a fuck load from Master Attraction. (Google it.) The help and advice for seducing chicks through night clubs from Master Attraction got him his first lustful encounters in 4 years. I'm pissed though considering that I heard them all.
elielise (4 years ago)
THANK YOU! that was more helpfull then the video alone!
lovenylax3 (4 years ago)
you can add the code for an image into the html but that is more complicated
Ita Corcoran (4 years ago)
Mine doesn't say image background :(
What Am I Gay? (4 years ago)
Can't you just code it to though?
swag mage (4 years ago)
thaks dawg i spent like an hour figuring that out :P
nyuuu (4 years ago)
Gifs dont work dude
swag mage (4 years ago)
do gifs not work?
Tamara Atanasova (4 years ago)
damn it's not working ..
Bernard Parris (4 years ago)
So um....i did this but other people stilll see the color background, how do i fix that?
TheShahadAwni (4 years ago)
Why doesn't this work on the theme ''chrunky''? :'''(
ROFFLSmyWAFFLEZ (4 years ago)
this tut was crap. He did not even mention that certain themes dont have the capabilities to upload an image file into it.
Malak Ejledi (4 years ago)
my tumblr is ruined :(
ducavzla (4 years ago)
thx noobie
jlmpeace27 (4 years ago)
THANK YOU!!!! FOR EVEYONE THAT DOESENT HAVE (background: {color:Background} url(‘{image:Background}’) top left fixed repeat;) You must changeyour theme to "Redux by jacob"
FissionMetroid101 (5 years ago)
I'd love to know how to get that theme of Tumblr, because this new default one is absolutely terrible.
Karen Labvi (5 years ago)
I really had a hard time working on that :( everytime I click 'update preview' button, it doesn't work. Maybe I pasted the image url at the wrong one. But can you do it for me ? Plss. I'll gice you my tmblr acc. kust don't hack it xD Thanks ..
Tyrone black (5 years ago)
otherwise you could just find the codes that force the theme to support background images
cloudsandzacks (5 years ago)
there is a specific theme you have to put it at first.
l (5 years ago)
VERY HELPFUL DUDE.
RaphDaGwapMan (5 years ago)
That was very helpful. thanks man
Liv Spencer (5 years ago)
how do I make it so the image covers the whole page without repeating? i put no-repeat but its too small to cover the page
RhythmicEcho911 (5 years ago)
Thank you so much! I've been trying to find a tutorial on how to do this! :)
lovenylax3 (5 years ago)
if your theme doesn't say {image: background} it is because the theme you are using doesn't support a background image and you have to find a theme that does
nicole (5 years ago)
for everyone here whos having a problem because theirs doesn't say {image background} in the edit url, I had the same problem before but I realized you have to choose the same theme that this guy is using right now, which is in the themes already given to you, called "untitled" and if you select this theme and go to edit html the image background thing should come up.
PrincessLovelyflower (5 years ago)
Why is Tumblr being such a b*tch. I mean come on. I thought this would be easy setting up your own pic as your background, but no :c
Jessica Creel (5 years ago)
GAHHH OHMYGOD thank youuuuuuuuuuuuuuu!!!!!!
dragon.D. Max (5 years ago)
the redux theme
dragon.D. Max (5 years ago)
you need to put the theme original blue theme that you had at the begining...
Megan Blackman (5 years ago)
omfg thank you so much fgbdhqejyjwlfg
stardust700 (5 years ago)
THANKS a BUNCH!
Adriana Turner (5 years ago)
OMG Thank you for doing this <3 <3 Helped me a lot xx
Alaap Maniar (5 years ago)
You have to select a theme first. after selecting a particular theme go to the edit html section and then it'll show you background under the body code. Hope that helps :)
Glambert4Lyf (5 years ago)
This ones different cause its the main but others have a url already there, next to where it says background there wll be a url in brackets, remove the url and add the pic you want there. Thats how i did mine Hope it helped
Jake Bossart (5 years ago)
Some themes don't have that in there. Please help if anyone has any suggestions.
Inês Baptista (5 years ago)
It works but I wanted the background not to repeat.
brieanna cm (5 years ago)
THANK YOU^.^

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.