Okay, when I update my Official Page at Facebook, the text is sent to Twitter and LinkedIn. Great… but what about my blog? I wanted to update my blog as well. Here’s how to do this.

  1. Assuming you have a Twitter account (even my cat has a Twitter account), go to Twitter’s Widget page (or just search for “twitter widgets”).
  2. Select Widget for My Website and select Profile. Yep, pretty ugly. You can change the colors. Play around with that and copy the code.
  3. Paste the code in your website (use your HTML editor, your FTP upload tool, etc.)
  4. Look at the results. If it looks like the widget at Twitter, then you are a lucky cat. Be sure to buy a lottery ticket.
  5. If the text is tiny, you’re an unlucky cat. Don’t buy any lottery tickets. Here’s how to to change the Twitter widget font size.
  6. The Big Picture: you’ll download the Twitter CSS, make a small change, save it as style-twitter.css, put it on your server, and then point the Twitter widget to the new CSS. Piece of cake, no?
  7. The Details: First, let’s get the Twitter widget CSS. Go to http://widgets.twimg.com/j/1/widget.css. Copy that and save it as style-twitter.css.
  8. In that block of code, you’ll change the font size. Search for .twtr-widget{position:relative;font-size:12px and change that to .twtr-widget{position:relative;font-size:16px.
  9. In the widget code, add a line to point to the new style sheet. Where it start…

    <script src="http://widgets.twimg.com/j/2/widget.js"></script>

    Change that to:

    <link href="http://www.andreas.com/style-twitter.css" type="text/css" rel="stylesheet">

    This points the widget to the new style sheet. I could have used a relative link instead of an absolute link; I used an absolute link so you can see the path name. Do as you like.
  10. Upload the new style-twitter.css to your server and your Twitter widget’s text will change.