kitchen table math, the sequel: hacking Blogger

Sunday, December 31, 2006

hacking Blogger

Is there a simple way to customize Blogger templates?

I like this "skin," but the spacing between posts is confusing.

I think I need to do at least two things:

  • add white space between posts
  • reduce the font size on "posted by Catherine"

If anyone can explain this in 50 words or less, that would be great.

7 comments:

TurbineGuy said...

Catherine,

Finally a new blog... congrats.

You should find some text that goes says this on your template:

posted by <$BlogItemAuthorNickname$>


Change it to this

posted by [small]<$BlogItemAuthorNickname$>[/small]

Where "[" should be "<" ... and vica vera.
The small tag reduces the size.

For space:

you should find the following somewhere near the top:

p.post-footer {
margin: .25em 0 0;
color:#ccc;
}

Change the last zero after margin: to a higher number and add "em": for example

margin: .25em 0 10em;


Or...

copy your template... put it in a text file and email to me at roryslife at gmail dot com

Catherine Johnson said...

wow thanks!

oh my gosh - I may just have to copy my template & mail it to you!

(I already did copy the template...)

Catherine Johnson said...

heck

I don't find text that says "BlogItemAuthorNickname"

I wonder if I'm looking in the wrong place.

No doubt.

OK, must go bake cookies and finish organizing my bake stand.

Back later!

Catherine Johnson said...

Rory

What is your email address?

SusanS said...

Hey,

I made it on.

Yay! You're back.

TurbineGuy said...

rorys email address:

roryslife (@) gmail.com

Anonymous said...

"margin: .25em 0 0;"

There should be another value there, but the rather cryptic CSS sets all four margins, and the values always start with the top and go clockwise: top, right, bottom, left.