So, you want to add an image or a picture to your blogger header to give a unique look to your blog.Adding image to header is not a complex one,it is very simple.
Before this,first take a backup of your blog template,so there is a chance to get back to your current template if you made any mistakes.
1.First sign in to your blogger account>Edit html
and scroll down the template till you see the below one and note down the width(sothat, you will have an idea of which image dimensions best fits your blog)
In the above case, my template is minima and the width is 660 px.
2.If you have photoshop or any other tools,crop the picture corretly to 660 px(width).If you don't have photoshop,then you can crop a photo by this free online tool Click here.
3.So, your image is ready now! click the page elements tab again.
Click on the edit button as shown below next to your blog name.
4.And you will go to a window just like the below one.First select,the option whether you want to place the image behind the title and description or insted of title and description.Next,browse for the image and save the changes after the image has uploaded.
5.That's it! Now, your blog has a background image in the header.
Have any questions?ask your question via comments.
50 comments:
I just followed everything you did and my picture still does not show up.I am using minima, resized to 660px. . . what do i do now?
Try again! It does work!
nathan, maybe u should wait the image to pop up before u save it.
Okay, so I was updating my header today, and things got way out of whack formatting-wise. I've been pouring over every line of code in my blog, and all over the net, and still haven't found a solution.
You can see my problem at www.mentisworks.org, and any help would be greatly appreciated. I'm not really sure where to turn to anymore, but I'm at a loss :(...
thanks for your tricks, i'll try and this's a good site. I like it so much...
Okay, so nevermind. After trying to bend the code to do my bidding all night, I finally gave up. I'm now scrapping the whole layout and starting over with a new template...
I tried every thing in my http://sandarshan.blogspot.com, but the image is not appearing on the blog. but it is visible in the layout section(in the header page element.)What to do?
I've been using the Clean?Dark template for about a month with no problems. Suddenly, yesterday, all of the grapfics to MAKE the page (the blue bar, header line..etc) are gone. It looks like a plain white page and since some of my text was white, it looks bad.
www.yourcouponbuddy.com
I cut&pasted some of the graphic sites into my browser, and it says they don't exist. Before this, I would put the location in my browser and the graphic would come up.
Did something happen to the site? Is anyone else having problems?
hi YourCouponBuddy,
Please read this post
thanks.
I am currently using the Pepper template, and it will not allow me to change out the header for a picture - any thoughts on how to do this with the template?
http://www.angrywods.blogspot.com
i change the header but it wasnt success.
i cant describe it, but u can see my blog.
www.erisestrada.blogspot.com
is there a way to add an image in the top left hand corner next to the header?
Basically, I want my header to go along the entire top of the page, not starting 3 inches in, where the side widgets go.
Could you tell me how to add an image as my blog header using html?
Basically,i dont have Image in my hearder,I dont thik it is all that important having it.Maybe I will try to add 1 later.
@nathan and kavitha,
I had this same problem but I found out the reason. go to customize-->edit html and click on the "revert widget template to defaults link". this will set it right. Worked for me.
cheers!
how can I get the text in the header to move down? or do I need to just create it in photoshop?
Hi,
Can you please teach us how to add search button inside the blogger header??? Please..
actually my blog titile is "singis king".
I want to put a back ground image for title.
can any one help please
i so love this site!!! everything's seem so easy with the step by step guide. thanks so much!
i just tried it and it works great so far
thanks for the tip
thanks for your tricks
You're obviously either out of date and the html has changed slighlty ... or I'm wrong. I've opted for noticing a specific width of 740 under a slightly different heading and chosen that as my option. If it doesn't work I'll come back and pester your blog...
:)
im more of an old fasion guy i like old school how do you do that with classic?
i understand this adi....but whr got website can giv upload picture for bog?
I was trying to change the Header and put one on for the holidays. The Edit button will not allow me to remove the current Header and change it to another. Help.
Ryan.A.Nash~ thanx a bunch... I'd had the SAME PROB w/ my header not showing up... doing what you said totally worked!
I want to change the FONT of my Blog Title to something other than what blogger offers. Anyone know how to do this?
Thanks for the nice trick.
how do you link the image to another page through blogspot's editor
thanx ..itz working
thank you.
My Template Tab has only 4 choices. They are: Edit HTML, Pick New, Customize Design, and AdSense. I can't move it any farther to the left to see "Page Elements", so I'm stuck. What do I do? Thanks - nancy
hi i m new to blogging
recently i have made a site with name
www.fungool.blogspot.com
i have tried all option but still i didnt get traffic at my site plz help me
Thanks a lot Ryan.A.Nash I reverted the widget & it worked ;)
Awesome dude,your blog looks professional.10stars.
Picture edited in photoshop isn't uploading.Blogger complaints of image file being corrupt.
Please help!!!
I wonder why everyone do not know that there is a menu to add a picture to be used in the header? That is default blogger menu. Where have they been?
Photo uploading was no problem, but the photo was off centered. It was all the way to the left with 3 inches of free space to the right. So I changed the layout and I think it looks O.K. This is the first time we try this, so it will be trial and error thing. Would like to know how to get it centered. Thanks.
I tried "revert widget template to defaults link" like it says 4 comments up and it worked
So how do we use flash for a banner? Any help will be much appreciated.
"Love this place I shall link to it"
Hello. I kind of messed around with my coding and now my posts are going over the image I uploaded for my header, how can I keep my posts under the image and not overlapping it?
I have been doing different edited to my blog layout and just recently I went and clicked on My Layout and where it says header, I cannot see the edit button... Please help Im getting frustrated. My whole layout isn't center and its way over to the right.
its not working for me
help dinesh4aol@gmail.com
not working for me either. plsss help 1337-portal.blogspot.com/ <-- dats my blog :)
Thank you for this tips i didn't know that Blogger was able to get tunned up !
I'm very happy now with my blogg:
http://flatscreentelevision.blogspot.com/
Many Thanks,
Eleanne.
i want to change my header but background is black, can i match the background color with the new one? just look www.sekarygiorg.blogspot.com
Great Suff, it worked perfect!
thanks for this!!!:D
thanks
Thank You very much it was very helpful.
God Bless.