Pages

▼

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.
at

7 comments:

  1. TurbineGuyDecember 31, 2006 at 10:32 AM

    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

    ReplyDelete
  2. Catherine JohnsonDecember 31, 2006 at 10:36 AM

    wow thanks!

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

    (I already did copy the template...)

    ReplyDelete
  3. Catherine JohnsonDecember 31, 2006 at 12:16 PM

    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!

    ReplyDelete
  4. Catherine JohnsonDecember 31, 2006 at 12:16 PM

    Rory

    What is your email address?

    ReplyDelete
  5. SusanSDecember 31, 2006 at 2:07 PM

    Hey,

    I made it on.

    Yay! You're back.

    ReplyDelete
  6. TurbineGuyDecember 31, 2006 at 4:04 PM

    rorys email address:

    roryslife (@) gmail.com

    ReplyDelete
  7. AnonymousJanuary 2, 2007 at 12:09 PM

    "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.

    ReplyDelete