How to: Customize your Twitter homepage

by Jean. 21 Comments -

Many blog owners uses Twitter to promote their blog and stay in touch with other bloggers. I recently joined, and felt that my Tweeter homepage will be a lot better if I customize it.

The idea

Step 1: Defining background color

Twitter blue is nice, but since my twitter account is related to my blog Cats Who Code, I thought that it should be a lot better if I use the same color scheme as CWC uses.
To do so, get the hexadecimal code for your site background color, and then go to twitter settings.
Click on the Design tab and fill the form with the colors you want.
Easy, isn’t it?

Step 2: Photoshop design

It’s time to be creative and design a sidebar image in Photoshop (or The Gimp). I started by taking a screenshot of my current Twitter homepage, so I can use it as a guide in Photoshop and know exactly where the blank parts are.

Once you have done your design, simply save the image.

Step 3: Import the image in Twitter

Twitter allows you to use your own background image. You just have to go to twitter settings and click on the Design tab. Choose the image, and you’re done.

Pros and cons

Right now, you have a nice customized Twitter page. Though, the problem of this hack is that people still using screen resolution of 1024*768 pixels and less will not see the background image. According to Cats Who Code stats, less than 15% of people still uses 1024*768px resolution.

By the way, do not hesitate to follow us on Twitter!

  • kouji

    i’m one of the 5%. :) but that’s fine. looks great what you’ve done with your twitter page.

  • Hayes Potter

    lol ditto I have one of those old monitors from back in the day that was one of the first 1024×768

  • jbj

    I had 1024*768 resolution until not that long lol. Sorry for you guys!

  • Michael

    Well according to w3schools the figure using 1024×768 is more like 48%

    How did you managed to get less than 5% that’s absurd!

  • Shoban

    I have a twitter homepage which is unused for a long time ;-) let me try this!
    BTW I wrote a post about a twitter bot last weeek. if anyone is interesed

  • jbj

    @Michael: I re-checked my stats, and I was wrong with the 5%. On Cats Who Code, there’s 15,99% of visitors using a 1024*768 px resolution.

  • Eva White

    You sure seem to love your cats!
    Nice tips for the twitter homepage!
    Thanks for sharing.

  • jbj

    @Eva White: Sure thing, I love my cat^^ Glad you enjoyed the tutorial!

  • kmullett

    While the 15% may be correct for you particular site, as 4 – Michael correctly points out it is much higher for general population. I manage hundreds of normal everyday type sites which average right around 45-55% 1024×768 visitors. Thankfully 800×600 has dropped to under 8% avg.

    To be fair, as twitter currently leans more towards geeky types the numbers will not hold as true but still people should be aware of more averaged numbers.

  • Shin

    hilarious… I thought there’s actually a way to hack our twitter css page and mod it. Turns out a wickedly mod just by making a background image look like its a page elements… cunning :P

  • Truby

    Thanks for sharring these tips about Twitter. I sure can use a bit of tweaking

  • Web Design Adelaide

    I’ve been meaning to do this to my Twitter web page for ages. I can’t believe how simple it is. Thanks.

  • Paul Rasmussen

    Twitter is an amazing tool, for allowing you to connect with others

  • jacqueline

    I always wondered if I could customize my twiiter page until I came across your helpful tips. Thanks I appreciate your post.

  • cosmetic dentistry guide

    We have set up a twitter page but not yet customised it this is a great idea.

  • TJ

    I’m new to Twitter and didn’t notice the “Design” tab. Thanks for the helpful tips!

  • Pingback: twitter journal for 2010-03-06

  • James Pollock

    I’ve been resisting Twitter (I do Facebook) but now I think I’ll give it a try. This page has inspired me!

  • omar

    thanks, im designing my twitter page now.

  • Dauda

    Thanks your your tips! You’re one cool cat!

  • Adam

    Thanks for the ideas! Just need to add another section for the cover image.. :)