Zeenat Rasheed
Ruminations on marketing, digital, social and 2.0.
Designing a Custom Twitter Template
Categories: Social Media

I recently launched my new website, and decided that I wanted my Twitter profile page to have the same look and feel as the site. I figured that repurposing the site design and uploading a new background to Twitter would take just a few minutes.

As it turned out, it was incredibly challenging to get the dimensions of the page and columns correct. I searched Google for this information but the dimensions that others provided did not work, and I could not find these guidelines on Twitter.com. I had to use trial and error to get it right, and ended up spending a couple of hours on what should have ideally taken a few minutes. So, in case anyone else would like to create a custom background, I decided to post the dimensions for the Twitter profile page.

Based on a display resolution of 1280 x 800, the canvas size of the Twitter page is 1265px wide and 700 px high.

Within the page, there are essentially three columns created by the “main” Twitter box, which lies in the center of the page and includes the sidebar which displays your bio. Here are the dimensions of these three columns:

Left edge of page to Left edge of Twitter box: 230 px
Width of Twitter box: 790 px (230+790=1020 px)
Right edge of Twitter box to Right edge of window: 245 px (1020+245=1265px=total page width)

Hope this helps!

  • Facebook
  • Twitter
  • LinkedIn
  • FriendFeed
  • Google Buzz
  • MySpace
  • Delicious
  • Reddit
  • Sphinn
  • StumbleUpon
  • Technorati Favorites
  • Tumblr
  • Digg
  • Share/Bookmark

This website uses IntenseDebate comments, but they are not currently loaded because either your browser doesn't support JavaScript, or they didn't load fast enough.

6,701 Comments to “Designing a Custom Twitter Template”

  1. You actually make it seem so easy with your presentation but

    I find this topic to be actually something which I think I would

    never understand. It seems too complicated and extremely broad for me.

    I’m looking forward for your next post, I will try to get

    the hang of it!

  2. After looking over a handful of the articles on your website, I

    really appreciate your technique of blogging.

    I book marked it to my bookmark site list and will be checking

    back in the near future. Take a look at my

    web site as well and tell me what you think.

  3. fast shipping as described

Leave a Reply