Twitterを表示する

Twitterを様々な場所に表示したい。

WordPress

Twitter WordPress Sidebar Widget を使うことにした。

PHP

今日も勉強しました: simpleXML でRSSの表示 PHP5の方法がいいと思う(試してない)

<?php
$xml = simplexml_load_file('http://blog.goo.ne.jp/jhta0729/index.rdf');
$i = 0;
foreach ($xml->item as $item) {
if(++$i>3) break;
$title = (string)$item->title ;
$link = (string)$item->link ;
print ($title.$link."<br>");
}?>

Javascript や Flash

Twitter公式のものが利用できる。

<div style="><div id="twitter_div" style="width:720px;margin-left:auto;margin-right:auto;text-align:left;">
<h2 style="display: none;" >Twitter Updates</h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/xxxxxxxx" id="twitter-link" style="display:block;text-align:right;">follow me on Twitter</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/xxxxxxxx.json?callback=twitterCallback2&count=5"></script>
</div>
<style type="text/css">
<!--
#twitter_div {
margin : 0;
padding : 0;
width:180px;
border : 1px solid #cccccc;
background-color : #ffffff;
text-align : left;
color : #666666;
word-break: break-all;
font-size : 12px;
}
#twitter_div h2 {
margin : 5px 0 5px 0px;
text-align : center;
padding-left : 0px;
color : #33ccff;
font-size : 12px;
}
#twitter_div li {
margin-left : 0px;
padding-top : 5px;
padding-right : 5px;
padding-left : 5px;
padding-bottom : 5px;
border-bottom : 1px dashed #cccccc;
list-style-type: none;
}
#twitter_div a:link {
color : #088253;
}
#twitter_div a:active {
color : #088253;
}
#twitter_div a:visited {
color : #088253;
}
#twitter_div a:hover {
color : #28a273;
}
#twitter_update_list {
margin-left: 5px;
padding-left : 0px;
padding-top : 2px;
border-top : 1px dashed #cccccc;
}
</style>
<div id="twitter_div">
<h2>Twitter Updates<span></span></h2>
<ul id="twitter_update_list"></ul>
<a href="http://twitter.com/xxxxxxxx" id="twitter-link">follow me on Twitter</a>
</div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/xxxxxxxx.json?callback=twitterCallback2&count=5"></script>

APIによる通信もできるとか。

参考文献

スポンサードリンク

コメント