Twitterのつぶやきを表示するjavascript＠は表示しませんよ改

以前書いたTwitterのつぶやきを表示するスクリプトをちょっといじりました。（つぶやきをフェードアウトさせたりとかめんどくさかった処理的に重くなりそうでしたので、さっくり明滅するように変更しました。

 

 

mytwitterfeed.js

 

まず上のファイルを同名で保存します。

 

んで、

 

横長表示用CSS

 

こちらも同じく保存。

 

必要なファイルは以上。

 

後はサイト中のつぶやきを表示したい場所に

 

<link href=”mytwitterfeed160×190.css” type=”text/css” rel=”stylesheet” /><script src=”mytwitterfeed.js” type=”text/javascript”></script></p> <div id=”twitter_wrap”> <div class=”newsslidercontent” id=”newsslider”></div> </div> <script src=”http://twitter.com/statuses/user_timeline/yourname.json?callback=viewTwitter&count=10″ type=”text/javascript”></script>

上記の記述を追加してください。

＊yournameの部分をあなたのtwitterでの名前（僕だとhex68)に変更してください。

すると、こんな感じになりますよ。

 

＊ .cssファイルとmytwitterfeed.jsが別のディレクトリに設置している場合、rel=の部分はcssのurlを正確に記述してください。

 

 

CSSを変更することで背景色とか文字色、配置をある程度までは変更できるようになっています。

 

例えば

縦長表示用CSS

こちらを使うと

 

 

こんな感じになります。

CSS自体はすごく単純ですので変更は簡単だと思います。

 

 

あと、追加する記述の最終行（あなたのTwitterネームを記述した行）のuser_timelineの部分をfriends_timelineと変更すればタイムラインが表示されます。

例：

<script type=”text/javascript” src=”http://twitter.com/statuses/friends_timeline/hex68.json?callback=viewTwitter&count=10″ ></script>

 

 

あと、前回と同じく＠マークがつぶやき中に入っている場合、誰かへのメッセージと判断して表示しないようになっています。

 

 

ライブラリとかは一切使ってないので、お好きにいじってください。

あー、やっぱjsonp使えるとお気軽にできていいわー。

 

 

 

関連する投稿

• Twitterのつぶやきを表示するなどしてみた (2)
• 手書きブログのブログパーツなど (0)
• ＧＪ！（Ｗｅｂ拍手）スクリプト公開 (1)
• 要はＷｅｂ拍手にＦｌａｓｈが必要なのかよという問いかけ (0)
• クリスマスになにやってんだろうと思わなくも無いがブログパーツ変更しました＠MyMiniCity (0)