a blog by Brie Gordon

Posterous is amazingly simple and fun to theme. (Last time, I talked about setting a custom favicon.) That's a nice touch but it's a detail that some will not notice. A custom background, on the other hand, is very noticeable and speaks volumes about you and your blog. Grab an image (may I suggest something from COLOURlovers?) and follow along:

1. Log into your Posterous account.
2. Go to Settings > Theme and customize my site
3. Click Advanced
This is where you can put the custom CSS. Note that how it ends up looking will vary based on what kind of customization you have done already. I am using the Ginza bigpic theme. This is what I did, modify as appropriate.
4. Scroll down to the body section that starts out like this:

5. Right before the closing '}' place some lines like this (remove the spaces):

6. Click 'Save, I'm done!'
Caution: Some patterns are very bold and may be too distracting for your blog or make the text hard to read.

Bonus:
I've attached several patterns from COLOURlovers.com that I think are really pretty. The links for them are below:

[1] http://imgur.com/VTGTy
[2] http://imgur.com/qdIcN
[3] http://imgur.com/1NR2V
[4] http://imgur.com/P9Rog
[5] http://imgur.com/cOpj9

the one I'm using:
[6] http://imgur.com/wJLLa

P.S. I <3 Posterous. The theming docs are complete and well-written if you're interested in doing more with your Posterous blog.

           

Click here to download:

Pretty_Pretty_Posterous_Backgr.zip (81 KB)

Here's what you need to do to set your own favicon:
1. Log into posterous.com
2. Scroll down and click 'Theme My Site'
3. Click 'Advanced'
4. Click 'Expand'
5. Remove this line:
    <link rel="icon" href="/images/favicon.png" type="image/x-png"/>

6. Place a line like this where the one you removed was:
    <link href="http://www.unixsysadmin.org/favicon.ico" rel="icon" type="image/vnd.microsoft.icon" />

7. Click 'Save, I'm done!'
8. Click 'OK'

You'll be returned to your blog. Note the favicon! :+)!