Twitterの最新のﾂｲｰﾄを表示させるｳｨｼﾞｪｯﾄ : 電気ｳﾅｷﾞ的○○ mobile ver.

Twitterの最新のﾂｲｰﾄを表示させるｳｨｼﾞｪｯﾄ[ｲﾝﾀｰﾈｯﾄなこと]
(2009-11-06 02:56:09) by shinoda

Twitter のﾌﾟﾛﾌｨｰﾙ情報(ﾌﾟﾛﾌｨｰﾙ押した時に表示される発言一覧)を表示するｳｨｼﾞｪｯﾄをﾌﾞﾛｸﾞ(MTOS)に貼ってみる｡

まずは､ｳｨｼﾞｪｯﾄの HTML を取得する必要がある｡

Twitter活用術→ｳｨｼﾞｪｯﾄの画面(http://twitter.com/widgets)にｱｸｾｽする｡
ちなみにこの画面､うちの InternetExplorer8 on Windows Vista Business SP2 の環境では正常に表示されない｡
左の｢Widgets for...｣のﾒﾆｭｰが表示されないのだ｡
つｰことで､俺は Firefox でｱｸｾｽした｡

で､｢自分のｻｲﾄ｣の｢ﾌﾟﾛﾌｨｰﾙｳｨｼﾞｪｯﾄ｣を選択する｡
設定画面が開くので､自分の環境に合わせて設定を行う｡
俺は､｢ﾃﾞｻﾞｲﾝ｣で色を自分のﾌﾞﾛｸﾞに合わせ､｢ｻｲｽﾞ｣で横幅をﾌﾞﾛｸﾞの右ﾍﾟｲﾝの幅に収まるように､250→198 に変更｡そして､ﾃﾞｨﾌｫﾙﾄでは 4つである表示するつぶやきの数を 5つにした｡｢Preferences｣の｢Number of Tweets｣のところね｡

そして､｢完了&ｺｰﾄﾞ取得｣ﾎﾞﾀﾝを押せば､HTML が生成される｡

ここから後は､MTOS のｳｨｼﾞｪｯﾄの貼付手順どおりに作業をすればいい｡
｢Nike+ のﾌﾞﾛｸﾞﾂｰﾙをｻｲﾄﾞﾊﾞｰに｣を参考にしてみてちょ｡

取得した HTML ｿｰｽは､おきまりの <div> ﾀｸﾞで囲っておくこと｡

(例)

<div class="widget-twitter widget">
    <div class="widget-content">
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 5,
  interval: 6000,
  width: 198,
  height: 300,
  theme: {
    shell: {
      background: '#e3b200',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#2e230b',
      links: '#f03c28'
    }
  },
  features: {
    scrollbar: false,
    loop: false,
    live: false,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('Shar6507').start();
</script>
    </div>
</div>

いやぁ､簡単ですねえ｡MovableType へのｳｨｼﾞｪｯﾄの追加｡

ｺﾒﾝﾄ(2)

次の記事へ >
< 前の記事へ
TOPへ戻る

Twitterの最新のﾂｲｰﾄを表示させるｳｨｼﾞｪｯﾄ[ｲﾝﾀｰﾈｯﾄなこと] (2009-11-06 02:56:09) by shinoda

Twitterの最新のﾂｲｰﾄを表示させるｳｨｼﾞｪｯﾄ[ｲﾝﾀｰﾈｯﾄなこと]
(2009-11-06 02:56:09) by shinoda