In order to change your Blogger template header, you will need to find the CSS code that instructs how your header will look like on your blog.
Here is a list of all pre-made templates offered by Blogger and where their header code is located:
Here is a list of all pre-made templates offered by Blogger and where their header code is located:
Minima, Minima Ochre, 897, 565, and Rounders - #header {
Scribe - #blog-header {
Snapshot - #header div {
Moto and TicTac - #blog-header h1 {
Thisaway - #blog-header div {
Tekka - #Title{
Simple II, Jellyfish, Herbert, and Sand Dollar - h1 {
Dots, Jellyfish and Harbour are not recommended for customization.
Go to your template and find the appropriate code.
Go to your template and find the appropriate code.
{ means that this is where the code will start. And as we all know everything that is started must be closed. } means that the code is being closed. So in between the opening and the closing, you will find background: or background-image:
Highlight the entire line and replace with your new header:
background: url(http://www.yourimage.com/image.jpg);
background: #eeeeee url(http://www.yourimage.com/image.jpg);
If a background: or background-image: can not be found in between { and } in your template, go ahead and paste your new header right after {.
Preview the changes you have made and only if it is acceptable should you save it.
Now for the fun part, what to replace your old boring header with? Go to Big Stock Photo and find the coolest image to use as your header. You can download royalty free photos, beautiful art, comics to use for your header for about $1 or $2.
Good luck! And I hope your new blog header looks fantastic! Questions? Leave a comment.
posted by The Imaginary Diva at 8:11 PM
