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!
My name is Jean-Baptiste Jung and I'm the man behind Cats Who Code. I started to use the Internet back in 1998 and started to create websites three years laters in 2001.
16 Comments
i’m one of the 5%.
but that’s fine. looks great what you’ve done with your twitter page.
lol ditto I have one of those old monitors from back in the day that was one of the first 1024×768
I had 1024*768 resolution until not that long lol. Sorry for you guys!
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!
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 http://www.crankup.net/post-to-twitter-from-google-talk
@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.
You sure seem to love your cats!
Nice tips for the twitter homepage!
Thanks for sharing.
@Eva White: Sure thing, I love my cat^^ Glad you enjoyed the tutorial!
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.
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
Thanks for sharring these tips about Twitter. I sure can use a bit of tweaking
I’ve been meaning to do this to my Twitter web page for ages. I can’t believe how simple it is. Thanks.
Twitter is an amazing tool, for allowing you to connect with others
I always wondered if I could customize my twiiter page until I came across your helpful tips. Thanks I appreciate your post.
We have set up a twitter page but not yet customised it this is a great idea.
I’m new to Twitter and didn’t notice the “Design” tab. Thanks for the helpful tips!
One Trackback
[...] here you go http://www.catswhocode.com/blog/how-to-customize-your-twitter-homepage in reply to [...]