はてなブログにTwitterをつける

授業

twitterのウィジェット作成ページを開く
https://twitter.com/about/resources/widgets

  1. 「自分のサイト」→「プロフィールウィジェット」
  2. 自分のTwitter名を入れる
  3. 設定、デザイン、サイズを設定して、カスタマイズ
  4. 「コードを生成」をクリックして、コードを書き出す
  5. 生成されたコードをはてなブログのフッター部分に貼り付ける
<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js">
</script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 5,
  interval: 30000,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#000000',
      color: '#ffffff',
      links: '#4aed05'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    behavior: 'default'
  }
}).render().setUser('ユーザー名').start();
</script>

コードがエラーになって、ちゃんと表示されない

6.「charset="utf-8"」を削除
7.「features」に「hashtags」「timestamp」「avatars」を追加
8. [behavior]を「default」から「all」へ修正

 features: {
    scrollbar: true,
    loop: false,
    live: true,
    behavior: 'all'
    hashtags: true,
    timestamp: true,
    avatars: false,
  }

9.hatenaのフッターにサイドバータグで載せる

「web学のすすめ」をみながら勉強させていただきました
http://d.hatena.ne.jp/vinton/20120830/1346302969