Twitterのタイムラインを省スペースで簡単表示!「Tweet Slider」

Twitterのタイムラインを省スペースで簡単表示!「Tweet Slider」サンプル Facebookの勢いが著しいですが、まだまだ国内ではTwitterが優勢です。
Tweet Slider V2.1 Now a Lightweight jQueryを利用するとブログなどのサイドバーといった省スペースで表示できるので使い勝手が良さそうです。
これを利用すると自動で定期的にツイートも更新してくれます。

使用方法 Tweet Slider V2.1 Now a Lightweight jQueryからファイルをダウンロード。
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="jquery.tweetslider.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#id名").tweetSlider({
username: "skuare", //表示させたいid名
slides: 20 //表示させたいツイート数
});
})
</script>

あとは、表示させたい所にidを振れば完成です。
<div id="id名"></div>
なお、ダウンロードCSSファイルだと動かないことがあるので、a.nextButtonより上を下記のようにするといいかもしれません。
#id名 {
width:500px !important; //幅
height:0px;
overflow:hidden !important;
position:relative;
margin:10px 0;
padding:0;
}

#id名 ul {
list-style:none;
width:3000px;
margin:0;
padding:0;
position:relative;
}

#id名 ul li {
width:500px; //幅
margin:0;
padding:0;
float:left;
position:relative;
left:0;
}

#id名 ul li div, #id名 ul li div span {
width:auto;
text-align:left;
margin:0 auto;
}

#id名 ul li img {
padding-right:2px
}

Twitterのタイムラインを省スペースで簡単表示!「Tweet Slider」サンプル

sponsors

「Twitterのタイムラインを省スペースで簡単表示!「Tweet Slider」」をシェアする

記事作成:
記事URL:

TOP > > Twitterのタイムラインを省スペースで簡単表示!「Tweet Slider」