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
vim-rubyインストール@Debian etch

vim-rubyを使うとrubyのプログラム編集で、補完機能を使うことができるら …

no image
KVMのコンソールに接続する@RHEL6 on Fedora14 KVM

KVM上で仮想OSを動かしている場合、コンソールに接続するには、少し設定を変更す …

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

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

no image
登録された単語が削除できない@ATOK 2009

間違ってATOK単語登録したのに、ATOK 2009 の辞書ユーティリティで単語 …

no image
使用中のファイルの追跡@WindowsXP

Windows上であるファイルを削除しようとすると、使用中で削除出来ないときがあ …

no image
Windowsのブートローダ(NTLDR)の設定を変更する@Windows XP

Windows XP をメインで使っていたPCにLinuxをサブで入れた場合のデ …

no image
Linuxコンテナ(LXC)を使ってみた@Ubuntu 14.04

Linuxコンテナ(LXC)をUbuntu 14.04上で使用した時のメモです。 …

no image
Java スクリプト API

Javascriptではありません。Java スクリプト APIです。 JRub …

no image
Firefox検索フォームに検索履歴ボタンを追加する@Firefox 3.0

Firefox の検索欄は、検索履歴を覚えてくれ、↓を押すと履歴が出てきます。し …

no image
Debianの起動スクリプト編集@Debian Etch

Red Hat系ではchkconfigというコマンドで起動スクリプトのon/of …