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
キル(コピー)した文字列の履歴をさかのぼってヤンク(貼り付け)する@bash

bashで、Ctrl-kでキル(コピー)した文字列をCtrl-yでヤンク(貼り付 …

no image
USB 起動のLinux環境を作る @ Fedora 16 on Windows 7

CDやDVD起動でLinuxのデスクトップ環境を実現できる Live CDやLi …

no image
ファンクションが間違っています@DVD from VARDIA

東芝のHDD/DVDレコーダー VARDIAで作成したDVDをWindows X …

no image
KVMを使ってみる@CentOS 5.4

RHEL 5.4からKVMが使えるようになり、それに伴いCentOS 5.4でも …

no image
タスクトレイに音量のアイコンが表示されない@Windows 7 64bit

Windowsのタスクトレイに音量のアイコンが表示されない事象が頻繁に発生してい …

no image
EntityBean @ JBoss 4.2

JBoss 4.2でEntityBeanを作ってみた。 @Idアノテーションは書 …

no image
AndroidでDVDのisoファイル再生

2015/3月現在、まともにisoファイルを再生できるアプリがなかなか見つかりま …

no image
yumで特定パッケージをインストールやアップデートさせないようにする@Fedora 13

最近Fedoraを使い始めました。 最初からFedoraのリポジトリにいろいろな …

no image
Firefox でファイルをダウンロードしようとすると、ダウンロードダイアログが開かない@Windows7 x64 + Firefox 3.5

Firefox でファイルをダウンロードしようとすると、なぜか保存ダイアログが開 …

no image
dockerのストレージドライバーをdevicemapperに変更する@Ubuntu 14.04

Ubuntu 14.04(desktop)にdockerを入れて、docker …