ブログのサイドバーにTwitterウィジェットを追加した時のメモ

少し前からここのブログのサイドバーに私のTwitter ウィジェットを表示させています。近いうちにスタイルシートを書き直す予定なので、その時に誤って消しても思い出せる様にメモしておきます。

まずこちらのサイトから貼付けるコードを生成します。
http://twitter.com/about/resources/widgets

左メニューから「自分のサイト」を選択し、「プロフィールウィジェット」を選択する。

【設定】で自分のTwitterユーザ名を入力します。

【カスタマイズ】で表示するツイート数などを変更可能。

【デザイン】でウィジェットの色を変更可能。

【サイズ】でウィジェットのサイズを変更可能。

それぞれで下の「プレビューで確認」を押すことでサイズ以外は、即時に結果を見る事が出来る。

設定後、「完了＆コード取得」を押すとスクリプトが表示される。あとはこちらをブログに貼れば良い。
私のブログに合わせて変更したのがこちら。







new TWTR.Widget({

  version: 2,

  type: 'profile',

  rpp: 8,

  interval: 6000,

  width: 'auto',

  height: 500,

  theme: {

    shell: {

      background: '#dddddd',

      color: '#000000'

    },

    tweets: {

      background: '#ffffff',

      color: '#000000',

      links: '#0740eb'

    }

  },

  features: {

    scrollbar: true,

    loop: false,

    live: false,

    hashtags: true,

    timestamp: true,

    avatars: false,

    behavior: 'all'

  }

}).render().setUser('aki_midu').start();
☆はスクリプトを実行させない為に付け加えた