a blog by Brie Gordon

...and nothing more

  • Pretty Pretty Posterous Backgrounds

    • 17 Dec 2009
    • 2 Responses
    •  views
    • advanced backgrounds css custom customization image imgur posterous
    • Edit
    • Delete
    • Tags
    • Autopost

    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:

    body {

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

    background - image: url('http:// imgur.com/wJLLa.png');
    background - repeat: repeat;

    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.

    (download)
    Click here to download:
    Pretty_Pretty_Posterous_Backgr.zip (81 KB)

    • Tweet
  • HOWTO: Custom Favicon for Posterous

    • 12 Dec 2009
    • 41 Responses
    •  views
    • advanced custom customization default favicon posterous
    • Edit
    • Delete
    • Tags
    • Autopost
    While using the 'Explore' part of Posterous.com, I noticed that a lot of people, myself included, were using the default Posterous favicon. I assumed that we weren't given a choice until I saw Tweetdeck's Posterous favicon. Did they get an exemption? No. They made use of Posterous' option to perform advanced customization.

    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! :+)!

    • Tweet
  • About

    I'm Brie, a 23 year-old graduate of Slippery Rock University's Computer Science department. My interests include Linux (generally and Ubuntu), networking, BSD-style operating systems including my own, BrieSD, translating English-Spanish-English for open source projects and LAMP configuration. Aside from that, I enjoy photography, making short films and soccer.



    web@briegordon.com

    62594 Views
  • Archive

    • 2011 (4)
      • August (2)
      • June (1)
      • February (1)
    • 2010 (5)
      • December (1)
      • October (1)
      • June (1)
      • April (2)
    • 2009 (8)
      • December (4)
      • November (1)
      • October (2)
      • July (1)

    Get Updates

    Subscribe via RSS
    TwitterLaconi.ca/Identi.caPlurkJaiku