Twitterウィジェット

ウィジェット

  • ブラウザの画面上で、ひと目で情報を得られるように小型化されたアプリケーション

Twitterウィジェット


検索ウィジェット
  • 「検索」に拾い出したいツイートのキーワードを「#：ハッシュ」をつけて入力します
  • 「テスト設定」を押すと右側のエリアに、そのキーワードを含んだツイートが表示されます


カスタマイズ




取得したJavaScriptをカスタマイズ

/* Twitter ウィジェットのスタイル */
.twitter .twtr-hd {
 padding: 0; /* 余分な余白を削除 */
}


はてなとTwitterの連携

  • 「設定」→外部連携サービス→連携機能を「有効」にします




はてなサイドバーに表示

hatenaモジュールとして機能させる

  • 「フッター」エリアの表示させたいところに記述します
<div id="twitter_div" class="hatena-module">
<div class="hatena-moduletitle">
<a href="http://twitter.com/アカウント名">Twitter Updates</a>
</div>
<div class="hatena-modulebody">
<ul id="twitter_update_list"></ul>
</div>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/アカウント名.json?callback=twitterCallback2&amp;count=ツイート数"></script>

短縮URL