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
tailの結果を2回grepすると表示されない@Linux

こんな感じで、grep するとマッチするはずのaaaaがなぜか何も表示されません …

no image
WordPress高負荷対策→同一ApacheのIPのアクセス数制限@CentOS 5

一日に数回サーバ高負荷で応答がなくなってしまって困っていました。load ave …

no image
任意カラムでのsort

これもまた覚え書き。 sort コマンドは通常、テキストファイルを行単位でソート …

no image
Windows bash (win-bash)のプロセスのfork性能を測ってみた

Windows上では今までCygwinを使っていたのですが、Cygwinはプロセ …

no image
無変換キーをWindowsキーに変更する@Fedora 17

日本語キーボードには、無変換キーがあるが、Linux では使う機会がないので、W …

no image
windows presentation foundation プラグイン@Firefox 3.5

Firefoxで急にwindows presentation foundatio …

no image
WordPressのページ管理画面でページ番号を出力する

WordPressのページ機能で静的なページを作成しているとき、ページの順序を変 …

no image
rsyncでsshのアクセス先ポート番号を変更する

sshのポート番号を変更している場合、ssh コマンドの場合は -p オプション …

no image
標準出力にタイムスタンプを付与する@Linux

シェルスクリプトの実行結果をファイルに保存する時など、タイムスタンプが欲しい時が …

no image
lsの色を変更する@Cygwin

lsコマンドは、ディレクトリやファイルの種類によって、表示に色をつけることができ …