Mazn.net

やってみて 調べてみて 苦労しなけりゃ 箱は動かじ

自分のWebページにTwitterの呟きを表示

      2011/10/08

WordPressのTwitter表示プラグインが重たいので、直接以下のコードを埋め込みました。普通のWebページでも使えるはずです。

<ul id="twitter_update_list"></ul>
 <script type="text/javascript"
 src="http://twitter.com/javascripts/blogger.js">
 </script>
 <script type="text/javascript"
 src="http://twitter.com/statuses/user_timeline/maznnet.json?callback=twitterCallback2&count=3">
 </script>

ついでに、これだと表示が味気ないので、以下のスタイルシートも定義しました。
※IEだと、背景の色の角は丸くなりませんorz

<style type="text/css">
<!--
#twitter_update_list {
 list-style: none;
 width: 120px;
 margin: 0;
 text-align: left;
 padding: 0px 0px 0px 0px;
 font-size: 80%;
 background-color: #1e88b4;
 color: white;
 border-radius: 20px;
 -moz-border-radius: 20px;
 -webkit-border-radius: 20px;
}
-->
</style>

 

参考 :  http://ringoon.jp/2009/10/16/twitter-javascript.html

 - IT技術, プログラミング ,

336px

Message

メールアドレスが公開されることはありません。

  関連記事

no image
Galaxy SでGPS制度が悪い@b-mobile U300

※いろいろやった結果のまとめは一番下です。 Galaxy Sを手に入れたので、b …

no image
Fedora 17を19にアップグレードする

Fedora 17 のサポートが気づいたら終わっていたので、最新の19にアップグ …

no image
Tracにガントチャートプラグイン導入@Debian Etch

Tracの導入の記事で導入したTracにガントチャートプラグインを導入してみまし …

no image
Search Everything 日本語版

WordPressのページ機能でページを作成しても、検索窓の検索対象になりません …

no image
Raspberry Pi2でHDMIからmp3の音を出す@Ubuntu 14.04

Raspberry Pi2 にUbuntuをインストールして、コマンドラインから …

no image
vimでシンタックスのハイライトがおかしくなる

vim では、テキストファイルの種類に応じて色をつけてくれる機能(ハイライト機能 …

no image
iモーション作成@SH906i

携帯が壊れてしまったので先日SH906iを買いました。最近の携帯はめちゃくちゃ高 …

no image
py2exeでpythonをWindowsの実行ファイル形式にする@Windows 7 64bit

python でちょこっと作プログラムを誰かに渡したいとき、相手にpython入 …

no image
管理共有(C$)の使用@Windows 7

Windows XPだと、ファイルの共有を設定しなくても、デフォルトでCドライブ …

no image
マネージドBeanのスレッドセーフについて

サーブレットは、web.xmlのservlet要素毎にひとつつくられるため、複数 …