January 4, 2008

Template: Part 4

Part One. Part Two. Part Three.

and now Part Four. The Header.

The Header is a really fun piece. There's a lot of ways to customize it. If you are so inclined, then you can use Paint, Photoshop Elements, Pixel Magic, or even http://www.scrapblog.com/ to put some pictures and stuff in. But the basic header uses 2 papers. An interior and an exterior border.

Again, it's as simple as changing the HTML to read:

#header-wrapper

{

width:780px;

margin:0 auto 0px;

border:1px solid $bordercolor;

background-image:url (); background-position:center left;

}



AND


#header

{

background-image:url (); background-positions: bottom right; background-repeat:repeat xy;

margin: 20 px;

border: 1px solid $bordercolor;

text-align: center;

color:$pagetitlecolor;

}


(These are two different HTML codes within the Header section...interior, exterior. Two.)

Now, as far as the borders go. Your options are as such. solid, dotted, dashed. You can also change the pixles (px) from 0 to whatever. My interior border is dotted right now. Play around with yours and see what you like. Change the HTML and preview. Don't like it? Change it again. Play around and figure out what you like.

Same on the margin. The more pixels, the fatter the border. 20px is a fairly thin border. Mine currently is 80px.

If you decide to design your own using one of the software programs I mentioned, then have fun. the standard size for a blog header is about 750pixels x 250pixels.

If you want a supercute CUSTOM header, but don't want to do it yourself, you can try out this girl.... http://blogcosmetology.blogspot.com/


That's all. The End. If you have questions, you can email me.




I'll try to help you out but I'm not promising much.




P.S. other sites you could give a whirl




http://www.pyzam.com (this one WILL delete your widgets but they have lots of options)


P.P.S. You can also google "free blogspot templates" and "free blogger headers" Just make sure to give the appropriate credit!
Posted by