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
POP3 + Maildir形式@Debian Etch

メールの保存形式をmboxからMaildirに変更したところ、qpopperがM …

no image
ポート監視やwatchdogで簡易サーバ監視@CentOS 5

アカウント共有型のレンタルサーバならサーバが落ちても、管理者の方が監視してくれて …

no image
NICに複数のIPを付与する方法@Linux

1つのNICに複数のIPをつける方法の覚え書き。eth0にもう一つIP(192. …

no image
Googleの検索ツールが出てこない@Firefox

最近(2012年11月現在)、Googleの検索結果の表示が変更されて、検索ツー …

no image
ハイフンで始まるファイルを消す@Linux

ハイフンで始まる以下のようなファイル(-hoge)を作ったとします。 # ech …

no image
簡単バックアップシェル

サーバ管理していると、ちょっとしたデータを定期的にバックアップしたいことがありま …

no image
ApacheのNameVirtualHostのデフォルトサイト設定(含SSL)@CentOS 5

CentOS 5 のApacheで、名前ベースのバーチャルホストを構築してみた。 …

no image
vncviewerで特定のポートに接続する@Linux

vncのサーバにvncviwerで接続する時に、 $ vncviewer サーバ …

no image
二本指でのスクロールの向きを逆にする@Windows8

Windows8 のタッチパッドは二本指でスクロールが可能ですが、タッチスクリー …

no image
cygwin上にSphinxをインストール

Cygwin 上に Sphinx をインストールしたときのメモです。 pytho …