How to Customize yer Blogger Hedder

Thare's a reely grate tootorial owt thare on how to kustumize yer blogger hedder and put images in it. The Blogger teem added this feecher a cupple of weeks ago, and blogger Ryanne made a screencast to show evrybuddy how to do it! KLIK HEER to see the screencast.

How do I put a picture at the top of my blog?

Victor Tabbycat rites:

Ok, here's one. How can we put a pictor at the top of our blog instead of the boring tidal box? Fanks!

That's a hard qweshchun to answer VT, becuz it depends on what blog platform yer on, and whut template yer using. Whut I can do is show yoo how I made the banner at the top of this blog.

ALWAYS BAK UP YER TEMPLIT BEFORE YOO START MESSIN' WITH IT.

LEVEL OF DIFFIKULTY: Intermeediyut +

Konsepchewully, yer going to make a bakgrownd grafik that the text in yer hedder sits on top of. Yoo don't wunt to make evrything (inklooding the text) a grafik, becuz the serch enjines will have trubble indexing yer blog.

So whut I did wuz change the styles for the hedder-rapper (this is using the New-Blogger platform). It now looks like this:

#header-wrapper {
background:
url("http://www.skeezixthecat.com/images/catbloghelp/banner_cbhc.gif")no-repeat ;
text-align:right;
height: 188px;
repeat: no repeat;
margin:22px 0 0 0;
padding:8px 0 0 0;
color:$titleTextColor;
}

Heer are all the things I did:

1. Added a bakgrownd image and set it not to repeat.
2. Spesifide the height of the wrapper, wich is IXZAKTLY the same height as the graphik (188px;). (If yoo don't do this, it gits mest up.)
3. Changed the text so that it a-lines on the rite, and I diddled with the margins and padding so that the text is a-lined korrektly atop the bakgrownd grafik.