<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Sivan&#039;s Blog - 失心瘋 &#187; twitter</title>
	<atom:link href="http://sivan.in/blog/tag/twitter/feed/" rel="self" type="application/rss+xml" />
	<link>http://sivan.in/blog</link>
	<description>我被生活逼疯啦！</description>
	<lastBuildDate>Sun, 01 Aug 2010 13:41:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>关闭自己的推特中文圈</title>
		<link>http://sivan.in/blog/close-my-twitese/</link>
		<comments>http://sivan.in/blog/close-my-twitese/#comments</comments>
		<pubDate>Sat, 28 Nov 2009 06:21:22 +0000</pubDate>
		<dc:creator>Sivan</dc:creator>
				<category><![CDATA[网事]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://sivan.in/blog/?p=600</guid>
		<description><![CDATA[最初架设twitese（之前架设的是dabr）只是为了自己使用twitter提供方便，但是近日发现点击幅度大幅上升。为避免给自己网站带来不良影响，它将从即日起关闭。推友请自行寻找其他途径，带来的不便表示歉意。



	相关日志

<span class="readmore"><a href="http://sivan.in/blog/close-my-twitese/" title="关闭自己的推特中文圈">阅读全文——共104字</a></span>]]></description>
			<content:encoded><![CDATA[<p>最初架设twitese（之前架设的是dabr）只是为了自己使用twitter提供方便，但是近日发现点击幅度大幅上升。为避免给自己网站带来不良影响，它将从即日起关闭。推友请自行寻找其他途径，带来的不便表示歉意。</p>

	<h3>相关日志</h3>
	<ul class="st-related-posts">
	<li><a href="http://sivan.in/blog/retweet-theme-released/" title="不等了，Retweet主题发布 (2009-05-19)">不等了，Retweet主题发布</a> (4)</li>
	<li><a href="http://sivan.in/blog/use-digu/" title="试用嘀咕 (2009-04-10)">试用嘀咕</a> (4)</li>
	<li><a href="http://sivan.in/blog/best-way-to-tweet-at-blackberry/" title="在黑莓上怎么推最好？ (2009-05-22)">在黑莓上怎么推最好？</a> (14)</li>
	<li><a href="http://sivan.in/blog/use-twitter-js-under-wall/" title="如何使用代理恢复显示Twitter的JS挂件 (2009-09-01)">如何使用代理恢复显示Twitter的JS挂件</a> (12)</li>
	<li><a href="http://sivan.in/blog/n-ways-to-twitter/" title="无视GFW，继续Twitter的N种途径 (2009-06-02)">无视GFW，继续Twitter的N种途径</a> (27)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://sivan.in/blog/close-my-twitese/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>如何使用代理恢复显示Twitter的JS挂件</title>
		<link>http://sivan.in/blog/use-twitter-js-under-wall/</link>
		<comments>http://sivan.in/blog/use-twitter-js-under-wall/#comments</comments>
		<pubDate>Mon, 31 Aug 2009 21:08:11 +0000</pubDate>
		<dc:creator>Sivan</dc:creator>
				<category><![CDATA[有码设计]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[微博客]]></category>

		<guid isPermaLink="false">http://sivan.in/blog/?p=562</guid>
		<description><![CDATA[因为一个特殊的原因，Twitter目前的外部引用JS失效。而我的Retweet主题也集成了Twitter的引用显示，在这个状况下该功能在国内也是没用的。

每次打开自己博客看着那个读取不出来的“Loading...”就不爽，过去通过hosts我们自己访问时还能意淫一下。现在没新IP开Twitter也变的很麻烦，通过IP实现也不是好方法。其实按照Sivan以前写过的办法，还是可以让它在博客正常显示的。我们只要把引用的代码通过自己的主机和代理打开即可。



<span class="readmore"><a href="http://sivan.in/blog/use-twitter-js-under-wall/" title="如何使用代理恢复显示Twitter的JS挂件">阅读全文——共938字</a></span>]]></description>
			<content:encoded><![CDATA[<p>因为一个特殊的原因，Twitter目前的外部引用JS失效。而我的<a href="http://sivan.in/blog/retweet/" title="打开Retweet主题页">Retweet主题</a>也集成了Twitter的引用显示，在这个状况下该功能在国内也是没用的。</p>
<p>每次打开自己博客看着那个读取不出来的“Loading...”就不爽，过去通过hosts我们自己访问时还能意淫一下。现在没新IP开Twitter也变的很麻烦，通过IP实现也不是好方法。其实按照Sivan以前写过的办法，还是可以让它在博客正常显示的。我们只要把引用的代码通过自己的主机和代理打开即可。<br />
<span id="more-562"></span><br />
Twitter以前给我们的外部引用代码如下：</p>
<pre lang="javascript">
<div id="twitter_div">
<ul id="twitter_update_list">
<li>Loading...</li>
</ul>

<a href="http://twitter.com/sunsivan" id="twitter-link"
style="display:block;text-align:right;">More 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/sunsivan.json?callback=twitterCallback2&amp;count=3"></script>
</pre>
<p>把其中第一个固定地址的blogger.js下载保存到你的主机，然后把引用的js文件改成你主机上的地址，例如http://sivan.in/xxx/js/blogger.js。</p>
<p>第二个就是关键了，把twiiter.com换成可用的IP很容易失效的。以前我介绍过使用<a href="http://sivan.in/blog/diy-own-proxy-in-google-appengine/" title="五步搭建属于自己的代理服务器">Google AppEngine搭建代理</a>。这里我们只要把这个引用的地址换成用代理打开的地址就可以了，就像https://sivanproxy.appspot.com/twitter.com/statuses/user_timeline/sunsivan.json?callback=twitterCallback2&amp;count=3这样。把sunsivan替换成你的twiiter用户名，最后的3代表输出的tweets数量。还有代理的地址最好用https加密的，可能速度有影响。我是建议大家通过文章的教程自己搭建一个代理，我这个代理每天只有10G流量而且已经很多人在用了。</p>
<p>最终的代码以我的为例就是这个样子：</p>
<pre lang="javascript">
<div id="twitter_div">
<ul id="twitter_update_list">
<li>Loading...</li>
</ul>

<a href="http://twitter.com/sunsivan" id="twitter-link"
style="display:block;text-align:right;">More Twitter</a>
</div>

<script type="text/javascript" src="http://sivan.in/xxx/js/blogger.js"></script>
<script type="text/javascript" src="https://sivanproxy.appspot.com/twitter.com/statuses/user_timeline/sunsivan.json?callback=twitterCallback2&amp;count=3"></script>
</pre>
<p>再打开博客就可以正常读取js啦，为了提高速度最好把js引用放到页面的最后，详细的优化文章参考<a href="http://sivan.in/blog/optimize-twitter-widgets/" title="优化Twitter在博客中的显示">《优化Twitter在博客中的显示》</a>一文。</p>
<p>其他问题欢迎补充，再次建议，使用自己搭建的代理以确保流量不会超出影响显示。</p>
<p>p.s.用这个办法也可以恢复Picasa的显示而无需pika插件。好处就是节约国外主机的流量而使用google的，而且速度也不错。缺点就是Google AppEngine目前也不是很稳定，用https访问速度会差一些。稍后写上教程。</p>

	<h3>相关日志</h3>
	<ul class="st-related-posts">
	<li><a href="http://sivan.in/blog/best-way-to-tweet-at-blackberry/" title="在黑莓上怎么推最好？ (2009-05-22)">在黑莓上怎么推最好？</a> (14)</li>
	<li><a href="http://sivan.in/blog/optimize-twitter-widgets/" title="优化Twitter在博客中的显示 (2009-05-22)">优化Twitter在博客中的显示</a> (12)</li>
	<li><a href="http://sivan.in/blog/sina-t/" title="体验新浪微博 (2009-08-25)">体验新浪微博</a> (16)</li>
	<li><a href="http://sivan.in/blog/that-a-good-choice/" title="选择那个好？ (2008-03-14)">选择那个好？</a> (2)</li>
	<li><a href="http://sivan.in/blog/subscribe-free-weather-forecast/" title="订阅免费的天气预报短信服务 (2008-08-29)">订阅免费的天气预报短信服务</a> (2)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://sivan.in/blog/use-twitter-js-under-wall/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>无视GFW，继续Twitter的N种途径</title>
		<link>http://sivan.in/blog/n-ways-to-twitter/</link>
		<comments>http://sivan.in/blog/n-ways-to-twitter/#comments</comments>
		<pubDate>Tue, 02 Jun 2009 12:36:04 +0000</pubDate>
		<dc:creator>Sivan</dc:creator>
				<category><![CDATA[护脸网]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://sivan.in/blog/?p=451</guid>
		<description><![CDATA[据可靠不可靠消息，Twitter在儿童节过后的今日被封了。更冤的是www.bing.com上线1天就被和谐，微软中国在功夫王药片的作用下阳痿了一把。

目前我Twitter上的信息已经乱作一锅粥了。同志们，莫慌莫慌，我们都是真男人，真男人不行也行。

由于G-F-W现在Twitter页面等是没法访问了，一些背景啊头像等由于基于Amazon S3还可以继续用。所以Retweet主题盗链背景图的不会有影响。那么，通过下面这些途径可以让你继续推，玩命推，死了都能推。

<span class="readmore"><a href="http://sivan.in/blog/n-ways-to-twitter/" title="无视GFW，继续Twitter的N种途径">阅读全文——共952字</a></span>]]></description>
			<content:encoded><![CDATA[<p>据可靠不可靠消息，Twitter在儿童节过后的今日被封了。更冤的是<a title="打开必应" rel="external" href="http://www.bing.com/">www.bing.com</a>上线1天就被和谐，微软中国在功夫王药片的作用下阳痿了一把。</p>
<p>目前我Twitter上的信息已经乱作一锅粥了。同志们，莫慌莫慌，我们都是真男人，真男人不行也行。</p>
<p>由于G-F-W现在Twitter页面等是没法访问了，一些背景啊头像等由于基于Amazon S3还可以继续用。所以Retweet主题盗链背景图的不会有影响。那么，通过下面这些途径可以让你继续推，玩命推，死了都能推。<br />
<span id="more-451"></span><br />
<strong>通过桌面客户端</strong><br />
<a title="打开twhirl" rel="external" href="http://www.twhirl.org/">twhirl</a>、<a href="http://destroytwitter.com/" target="_blank">Destroy Twitter</a>等——最早发现twitter<span style="text-decoration: line-through;">勃起不能</span>不能用是因为Destroy Twitter出现了红色小鲨鱼，我以为第三方应用都萎了。经测试，要想恢复使用，自己需要修改一下hosts文件，用记事本打开添加“128.121.146.228 twitter.com”一行进去保存即可，hosts文件位于系统目录的“system32\drivers\etc”目录下。</p>
<p><strong>通过网页客户端</strong><br />
<a title="打开iTweet主页" rel="external" href="http://itweet.net/web/">iTweet</a>——速度比较快，有自动刷新等功能，电脑上用比较合适。<br />
<a title="打开twitzap" rel="external" href="http://twitzap.com/">TwitZap</a>——速度中上，功能差不多。<br />
<a title="打开tweetree" rel="external" href="http://tweetree.com/">Tweetree</a>——速度算不上快。<br />
<a title="打开filttr" rel="external" href="https://filttr.com/">Filttr</a>——得认证一下oauth authorize还要注册，怪麻烦的。<br />
<a href="http://m.tweete.net/">Tweete</a>——手机上的网页客户端，电脑当然也能上。<br />
<a title="打开slandr" rel="external" href="http://m.slandr.net/">Slandr</a>——手机上的网页客户端，电脑当然也能上。<br />
<a title="打开dabr" rel="external" href="http://dabr.co.uk/">dabr</a>——手机上的网页客户端，国内有无数山寨dabr。<br />
<a title="打开“推死人”" rel="external" href="http://t.sivan.in/">推死人</a>——Sivan搭的山寨dabr，功能跟dabr应该无异。因为这些网页客户端适合手机上用或者应急用（譬如这次G-F-W的逆袭），不是用来培养twitter用户的，所以我觉得是否中文没有必要。<br />
<a title="打开ydo" rel="external" href="http://t.ydo.me/">YDO</a>/<a title="打开Fun屁" rel="external" href="http://funp.org/">Fun屁</a>——何必呢跟Chada搭的dabr，汉化了。</p>
<p><strong>通过浏览器</strong><br />
<a title="打开twitterfox" rel="external" href="http://twitterfox.net/">TwitterFox</a>——火狐上的Twitter插件。需同桌面客户端一样添加hosts。</p>
<p><strong>通过手机</strong><br />
手机的软件应该也被和谐了吧，但是上述的手机上用的网页客户端是可以用的。再或者直接装个OperaMini上Twitter官网就行了，OM防和谐。</p>
<p>怎么说呢，封twitter是没多大意义的，怎么封都拦不住我上，我也没干坏事。有些推友语言过激了，又是骂这个又是骂那个。不要慌，我们可以推的途径有这么多，我们怕啥墙呢？</p>

	<h3>相关日志</h3>
	<ul class="st-related-posts">
	<li><a href="http://sivan.in/blog/use-retweet-theme/" title="忙活一天，又换上新做的主题 (2009-05-14)">忙活一天，又换上新做的主题</a> (14)</li>
	<li><a href="http://sivan.in/blog/optimize-twitter-widgets/" title="优化Twitter在博客中的显示 (2009-05-22)">优化Twitter在博客中的显示</a> (12)</li>
	<li><a href="http://sivan.in/blog/best-way-to-tweet-at-blackberry/" title="在黑莓上怎么推最好？ (2009-05-22)">在黑莓上怎么推最好？</a> (14)</li>
	<li><a href="http://sivan.in/blog/that-a-good-choice/" title="选择那个好？ (2008-03-14)">选择那个好？</a> (2)</li>
	<li><a href="http://sivan.in/blog/use-twitter-js-under-wall/" title="如何使用代理恢复显示Twitter的JS挂件 (2009-09-01)">如何使用代理恢复显示Twitter的JS挂件</a> (12)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://sivan.in/blog/n-ways-to-twitter/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>在黑莓上怎么推最好？</title>
		<link>http://sivan.in/blog/best-way-to-tweet-at-blackberry/</link>
		<comments>http://sivan.in/blog/best-way-to-tweet-at-blackberry/#comments</comments>
		<pubDate>Fri, 22 May 2009 09:04:20 +0000</pubDate>
		<dc:creator>Sivan</dc:creator>
				<category><![CDATA[奇趣软件]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[黑莓]]></category>

		<guid isPermaLink="false">http://sivan.in/blog/?p=442</guid>
		<description><![CDATA[Sivan是个比较爱推（Twitter）的同学，也爱用手机推，就连关了电脑躺在床上也想拿黑莓推一会再睡觉。

用黑莓推，无外乎两个途径：上网页推和开软件推。经过测试，基本上开软件推，都需要开通cmnet，以前我用cmwap，基本上软件推都不行。

Twibble：应该是用的人最多的，界面什么都还不错。但是我用的时候容易死机，到了更新消息的时候就特别卡。有次让我升级，升完了还是会死机。轨迹球横向滚动切换Timeline、@、DM界面，巨卡无比。

<span class="readmore"><a href="http://sivan.in/blog/best-way-to-tweet-at-blackberry/" title="在黑莓上怎么推最好？">阅读全文——共896字</a></span>]]></description>
			<content:encoded><![CDATA[<p>Sivan是个比较爱推（Twitter）的同学，也爱用手机推，就连关了电脑躺在床上也想拿黑莓推一会再睡觉。</p>
<p>用黑莓推，无外乎两个途径：上网页推和开软件推。经过测试，基本上开软件推，都需要开通cmnet，以前我用cmwap，基本上软件推都不行。<br />
<span id="more-442"></span><a title="打开twibble主页" href="http://www.twibble.de/" rel="external">Twibble</a>：应该是用的人最多的，界面什么都还不错。但是我用的时候容易死机，到了更新消息的时候就特别卡。有次让我升级，升完了还是会死机。轨迹球横向滚动切换Timeline、@、DM界面，巨卡无比。<br />
<a href="http://www.orangatame.com/products/twitterberry/" rel="external">Twitterberry</a>：界面没Twibble花哨，也不死机。但是用起来还是比较卡，同样是更新消息的时候。<br />
<a href="http://ubertwitter.com/" rel="external">UberTwitter</a>：新出的一个客户端，也支持Thread API。功能很全但还不完善。具体性能我得测试后才知道。</p>
<p>除此之外，还有一些跟黑莓系统的消息集成在一起的，应该不错。不过有的是收费的。开软件推的话困扰我的问题就是定期更新消息时会比较卡，而且有的设计不好操作不当也会导致卡。开软件推的优点就是自动更新消息，功能全面，界面好看，显头像，不耽误其他工作。</p>
<p>还有一个推法，就是上网推。目前最流行的就是<a href="http://dabr.co.uk/" rel="external">dabr</a>，也有基于dabr翻译到汉语的<a href="http://funp.org" rel="external">fun屁</a>等。</p>
<p>功能上给软件不会差太多，但是得手动刷新。优点是肯定不会卡，占内存小，黑莓自带的浏览器是一直开着的。而且用自带浏览器上的话可以直接调用点讯输入法，比较方便，用软件需要粘贴。缺点是手动刷新，界面简陋，还有占用浏览器，你没法用这个浏览器干别的了。我尝试过多开自带的浏览器，结果是死机了。如果用浏览器推，同时上网只能用Opera了。</p>
<p>Sivan平时比较爱用自带的浏览器的，结合<a href="http://www.google.com/gwt/n/" rel="external">Google GWT</a>特别省流量。Opera虽然用起来很酷，跟电脑上网一样一样的，但并不是我的主力。我上网看资讯没必要显示效果那么好，还浪费流量。字跟我显示好就行了。</p>
<p>所以，用手机推占用自带的浏览器也是很麻烦的事情。同理，手机上校内也会遇到这个问题。用浏览器还是校内通。</p>
<p>实在想不出好的解决方法，只好像现在这样上网的时候N个软件（QQ+浏览器+Opera+有时还有校内通）一起开了。十分期待一个占内存比较小的，轻巧点的黑莓Twitter客户端。</p>

	<h3>相关日志</h3>
	<ul class="st-related-posts">
	<li><a href="http://sivan.in/blog/buy-blackberry-7130/" title="购买新手机——黑莓7130V (2008-06-05)">购买新手机——黑莓7130V</a> (12)</li>
	<li><a href="http://sivan.in/blog/three-curve-theme/" title="近期好看的三个黑莓主题 (2009-10-01)">近期好看的三个黑莓主题</a> (9)</li>
	<li><a href="http://sivan.in/blog/use-digu/" title="试用嘀咕 (2009-04-10)">试用嘀咕</a> (4)</li>
	<li><a href="http://sivan.in/blog/update-bb-curve-83xx-os/" title="黑莓Curve83XX刷机详细教程 (2009-03-05)">黑莓Curve83XX刷机详细教程</a> (5)</li>
	<li><a href="http://sivan.in/blog/will-i-be-a-blackberry-complex/" title="是不是要变成“黑莓控”？ (2008-06-06)">是不是要变成“黑莓控”？</a> (5)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://sivan.in/blog/best-way-to-tweet-at-blackberry/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>优化Twitter在博客中的显示</title>
		<link>http://sivan.in/blog/optimize-twitter-widgets/</link>
		<comments>http://sivan.in/blog/optimize-twitter-widgets/#comments</comments>
		<pubDate>Fri, 22 May 2009 06:07:37 +0000</pubDate>
		<dc:creator>Sivan</dc:creator>
				<category><![CDATA[有码设计]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://sivan.in/blog/?p=441</guid>
		<description><![CDATA[很多朋友都在博客上集成了Twitter的Widget显示，在Retweet主题则直接当一个版块集成在主题里。在twitter的apps可以生成基于Flash或者JS的代码。基于Flash的样式上已经无法自己定义，这里就说说JS输出的一些优化。

我也一直用下面的代码显示twitter的更新列表而没有用其他插件。我们可以通过CSS对输出的这个列表进行美化，这还不是本文要说的内容。

默认的JS代码如下：

<span class="readmore"><a href="http://sivan.in/blog/optimize-twitter-widgets/" title="优化Twitter在博客中的显示">阅读全文——共1140字</a></span>]]></description>
			<content:encoded><![CDATA[<p>很多朋友都在博客上集成了Twitter的Widget显示，在Retweet主题则直接当一个版块集成在主题里。在twitter的apps可以生成基于Flash或者JS的代码。基于Flash的样式上已经无法自己定义，这里就说说JS输出的一些优化。</p>
<p>我也一直用下面的代码显示twitter的更新列表而没有用其他插件。我们可以通过CSS对输出的这个列表进行美化，这还不是本文要说的内容。<br />
<span id="more-441"></span>默认的JS代码如下：</p>
<pre lang="html4strict">
<div id="twitter_div">
<h2 class="sidebar-title">Twitter Updates</h2>
<ul id="twitter_update_list"></ul>

<a href="http://twitter.com/username" 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/username.json?callback=twitterCallback2&amp;count=5"></script></pre>
<p>我想说的是这个代码在实际使用上发现有两个问题：<br />
1.代码不符合W3C规范<br />
2.JS影响页面载入速度</p>
<p>第一个，由于代码&lt;ul&gt;标签里面没有&lt;li&gt;就直接闭合，虽然不影响使用，但不符合W3C标准。解决方法很简单，自己手动加个&lt;li&gt;就可以。当JS调出你的tweet之后这个li会自己消失，不影响显示。以前我一直用废标签&lt;li&gt;more&lt;/li&gt;解决。</p>
<p>第二个问题，也是我觉得最严重的问题，Twitter的这个代码没法让我放心放到HTML文档流的前面。Twitter不能保证每次请求这个JS都有很好的返回速度，不影响下面内容的显示。所以我们更多的倾向JS影响的内容放在侧栏的同时，侧栏的代码一定要在正文的后面，哪怕是左侧栏布局。因为万一Twitter服务器相应慢了，那后面的内容会等很久才能显示，严重影响访客体验。更严重的是若出现插件错误，PHP会直接中断在那个位置，后面的内容直接不显示了。所以无论如何，文章区域在HTML文档流里一定要在侧栏前面，Twitter的这个代码同样如此不该放在正文的前面。</p>
<p>像在Retweet主题中，由于样式需要，这段代码必须在前面。我曾经考虑过用CSS的布局来改善这个问题，但没有很合适的解决办法，毕竟高度不是固定的，左右易换，上下难调。大家也不可能在自己主题中把twitter的widget放到不起眼的位置去显示。怎么更好的解决呢？</p>
<p>那么只好把代码拆开，HTML该在哪在哪，把JS放到最后加载。这样的优点是不影响页面的载入速度，页面读取完了再读twitter的JS代码，最后显示twitter列表。缺点是页面载入前那个区域空空的。</p>
<p>可刚才第一条提到，由于本身的代码不符合W3C标准，我们要放个多余的&lt;li&gt;在里面。我们干脆就让它显示一个载入状态不就能完美的解决了？</p>
<p>实际操作就是，把JS代码放到页面的最后，&lt;/body&gt;前面。</p>
<pre lang="html4strict">
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/username.json?callback=twitterCallback2&amp;count=5"></script></pre>
<p>然后给原来的&lt;ul&gt;添加一个&lt;li&gt;显示"loading..."如下</p>
<pre lang="html4strict">
<div id="twitter_div">
<h2 class="sidebar-title">Twitter Updates</h2>
<ul id="twitter_update_list">
<li>Loading...</li>
</ul>

<a href="http://twitter.com/username" id="twitter-link" style="display:block;text-align:right;">follow me on Twitter</a>
</div>
</pre>
<p>这样在JS载入前显示“loading...”，载入后替换为twitter列表，不影响页面载入速度。同时又符合了W3C标准，两全齐美了。</p>

	<h3>相关日志</h3>
	<ul class="st-related-posts">
	<li><a href="http://sivan.in/blog/best-way-to-tweet-at-blackberry/" title="在黑莓上怎么推最好？ (2009-05-22)">在黑莓上怎么推最好？</a> (14)</li>
	<li><a href="http://sivan.in/blog/use-digu/" title="试用嘀咕 (2009-04-10)">试用嘀咕</a> (4)</li>
	<li><a href="http://sivan.in/blog/n-ways-to-twitter/" title="无视GFW，继续Twitter的N种途径 (2009-06-02)">无视GFW，继续Twitter的N种途径</a> (27)</li>
	<li><a href="http://sivan.in/blog/use-retweet-theme/" title="忙活一天，又换上新做的主题 (2009-05-14)">忙活一天，又换上新做的主题</a> (14)</li>
	<li><a href="http://sivan.in/blog/use-twitter-js-under-wall/" title="如何使用代理恢复显示Twitter的JS挂件 (2009-09-01)">如何使用代理恢复显示Twitter的JS挂件</a> (12)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://sivan.in/blog/optimize-twitter-widgets/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>不等了，Retweet主题发布</title>
		<link>http://sivan.in/blog/retweet-theme-released/</link>
		<comments>http://sivan.in/blog/retweet-theme-released/#comments</comments>
		<pubDate>Tue, 19 May 2009 07:09:31 +0000</pubDate>
		<dc:creator>Sivan</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Retweet]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://sivan.in/blog/?p=432</guid>
		<description><![CDATA[本来提交到了官方主题库，结果最近我更新了一些bug后提交到主题库，等了几天了都没反应、甚至从15号添加上主题后没有任何主题的更新，那么那个存在bug的版本就一直开放下载至今。

有点无奈，放上本地下载吧。主题详情见Retweet主题页。

主题介绍：一款仿twitter的主题，可以进可能的让你的wordpress主题接近你的twitter样式。因此，布局版式在twitter改变前不会改变。如果你喜欢960px这样宽度的版本，建议使用dopula做的AT4US主题。

<span class="readmore"><a href="http://sivan.in/blog/retweet-theme-released/" title="不等了，Retweet主题发布">阅读全文——共390字</a></span>]]></description>
			<content:encoded><![CDATA[<p>本来提交到了官方主题库，结果最近我更新了一些bug后提交到主题库，等了几天了都没反应、甚至从15号添加上主题后没有任何主题的更新，那么那个存在bug的版本就一直开放下载至今。</p>
<p>有点无奈，放上本地下载吧。主题详情见<a title="打开Retweet主题主页" rel="external" href="http://sivan.in/blog/retweet/">Retweet主题页</a>。</p>
<p>主题介绍：一款仿twitter的主题，可以进可能的让你的wordpress主题接近你的twitter样式。因此，布局版式在twitter改变前不会改变。如果你喜欢960px这样宽度的版本，建议使用dopula做的AT4US主题。</p>
<p>功能上，可以在后台设定主题的颜色风格，保持与自己twitter的样式统一。其他跟stheme一样加了侧栏收缩，快捷键评论及评论表单自动隐藏，常见SEO优化等。</p>
<p>目前版本0.6.3，修复了我发现的所有bug。官方目前的版本还是是第一版，截至目前200多人下了那个有问题的版本我也感觉很不爽，wp的相关工作人员可能生病了最近。</p>

	<h3>相关日志</h3>
	<ul class="st-related-posts">
	<li><a href="http://sivan.in/blog/theme-test-drive/" title="Wordpress 插件推荐：Theme Test Drive (2008-05-13)">Wordpress 插件推荐：Theme Test Drive</a> (0)</li>
	<li><a href="http://sivan.in/blog/useful-wordpress-sites/" title="一些对Wordpress新手有用的站点 (2008-08-16)">一些对Wordpress新手有用的站点</a> (11)</li>
	<li><a href="http://sivan.in/blog/wordpress-upgrade-to-25/" title="2008.3.30&#124;Wordpress升级到2.5 (2008-03-30)">2008.3.30&#124;Wordpress升级到2.5</a> (0)</li>
	<li><a href="http://sivan.in/blog/more-than-30-wordpress-themes/" title="数了数，最近做了30多个Wordpress主题了。 (2010-03-15)">数了数，最近做了30多个Wordpress主题了。</a> (50)</li>
	<li><a href="http://sivan.in/blog/n-ways-to-twitter/" title="无视GFW，继续Twitter的N种途径 (2009-06-02)">无视GFW，继续Twitter的N种途径</a> (27)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://sivan.in/blog/retweet-theme-released/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>忙活一天，又换上新做的主题</title>
		<link>http://sivan.in/blog/use-retweet-theme/</link>
		<comments>http://sivan.in/blog/use-retweet-theme/#comments</comments>
		<pubDate>Thu, 14 May 2009 12:35:03 +0000</pubDate>
		<dc:creator>Sivan</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://sivan.in/blog/?p=423</guid>
		<description><![CDATA[早上9点半起，玩到中午开始做，一直到现在的成果。眼熟吧？跟我的twitter是一样的。

其实前两天用的SMT主题我觉得还好，换了logo图后更加活泼，不过考虑到一些问题没有解决，就火速做了现在的主题换下它。现在这个叫Retweet的主题也还没弄完，我知道，很多朋友肯定会说“你要用twitter风格的主题，以前就有啊。”是啊，做之前我看了下dopula做的，虽然我没试用，但是看介绍已经很好，除了闲着没事做还有什么理由促使我重做了一个twitter主题呢？



<span class="readmore"><a href="http://sivan.in/blog/use-retweet-theme/" title="忙活一天，又换上新做的主题">阅读全文——共703字</a></span>]]></description>
			<content:encoded><![CDATA[<p>早上9点半起，玩到中午开始做，一直到现在的成果。眼熟吧？跟<a title="打开我的twitter" href="http://twitter.com/sunsivan" rel="external">我的twitter</a>是一样的。</p>
<p>其实前两天用的SMT主题我觉得还好，换了logo图后更加活泼，不过考虑到一些问题没有解决，就火速做了现在的主题换下它。现在这个叫Retweet的主题也还没弄完，我知道，很多朋友肯定会说“你要用twitter风格的主题，以前就有啊。”是啊，做之前我看了下dopula做的，虽然我没试用，但是看介绍已经很好，除了闲着没事做还有什么理由促使我重做了一个twitter主题呢？</p>
<ol>
<li>相较于AT4US的基于twitter设计，我这个更像纯仿，我没做任何样式上的创新。只不过，我是用twitter本身的效果显示文章列表，从id到class到CSS内容几乎都是twitter复制的，样式跟twitter是一模一样的，然后移植了一下SMT的评论部分，这算唯一我设计的部分吧。 <img src='http://sivan.in/blog/wp-includes/images/smilies/icon_redface.gif' alt=':oops:' class='wp-smiley' /> </li>
<li>根据twitter的那个“收藏”、“删除”小图标我制作成Wordpress的“收藏”、“评论”跟“编辑”（只有管理员可见）。现在IE看不到，考虑是否兼容中。</li>
<li>准备添加一些后台选项，任何twitter主题都能应用在这里。AT4US貌似也有，我没用不太清楚。不过我这个是固定宽度，不准备扩到960px。还有一些开关，例如背景图使用s3.amazonaws.com的，这样可以给博客省不少流量和提速。</li>
<li>为页面添加一些特殊的板块，也是通过twitter默认的多余板块制作的。目前还没弄。</li>
</ol>
<p>好吧，主题样式基本做好了，剩下的就是functions.php了。其实如果只是为了样式，Dopula那个已经做得很好很好了。SMT我不深入了，就现在的进度完善一下就发，这个主题也是。</p>

	<h3>相关日志</h3>
	<ul class="st-related-posts">
	<li><a href="http://sivan.in/blog/three-curve-theme/" title="近期好看的三个黑莓主题 (2009-10-01)">近期好看的三个黑莓主题</a> (9)</li>
	<li><a href="http://sivan.in/blog/n-ways-to-twitter/" title="无视GFW，继续Twitter的N种途径 (2009-06-02)">无视GFW，继续Twitter的N种途径</a> (27)</li>
	<li><a href="http://sivan.in/blog/stheme-update-20090407/" title="STheme更新(20090407) (2009-04-07)">STheme更新(20090407)</a> (0)</li>
	<li><a href="http://sivan.in/blog/more-than-30-wordpress-themes/" title="数了数，最近做了30多个Wordpress主题了。 (2010-03-15)">数了数，最近做了30多个Wordpress主题了。</a> (50)</li>
	<li><a href="http://sivan.in/blog/redesign-retweet-update-list/" title="Retweet主题进度（Update090710） (2009-07-10)">Retweet主题进度（Update090710）</a> (14)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://sivan.in/blog/use-retweet-theme/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>试用嘀咕</title>
		<link>http://sivan.in/blog/use-digu/</link>
		<comments>http://sivan.in/blog/use-digu/#comments</comments>
		<pubDate>Fri, 10 Apr 2009 08:05:58 +0000</pubDate>
		<dc:creator>Sivan</dc:creator>
				<category><![CDATA[护脸网]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[嘀咕]]></category>
		<category><![CDATA[微博客]]></category>

		<guid isPermaLink="false">http://sivan.in/blog/?p=394</guid>
		<description><![CDATA[最近我一直在用Twitter做唯一的微博客应用。使用优秀的桌面客户端twhirl让我渐渐厌烦QQ的聊天方式，由于我GTalk好友也不多，所以GTalk也懒得上。今天试了试国内新出的嘀咕，感觉还不错。

Sivan一直感觉国内Web2.0的服务横向内容重复太多，缺乏纵向的创新型网站。有饭否、叽歪、做啥等等，功能差不多，用户选择起来也麻烦。最后是同归于尽。此时一个整合能力较强的服务反而更容易让我选择。

嘀咕在自身功能上，模仿twitter的程度还是比较大。我看好嘀咕的主要原因它的插件十分丰富。从手机到同步发送到其他服务等，覆盖范围比较广。加上设计上比较活泼，还会使用类似“未来加入”这样给用户心理暗示的手段，让用户很想保持关注的热情。尤其是后者，Sivan认为比较重要。一个“进度表”之类的内容可以让用户知道网站的发展方向跟进度，让用户知道“如果我留在这里，以后还会有某某功能”的想法，也给你网站在持续更新的感觉。在这点上，国产的在线音乐分享站虾米做的也不错。虽然因为虾米的歌曲储备量匮乏让我一度放弃，但是最近虾米也推出了更多丰富的功能，只要歌曲储备跟的上，我这种小众听者也愿意待下去。

<span class="readmore"><a href="http://sivan.in/blog/use-digu/" title="试用嘀咕">阅读全文——共1186字</a></span>]]></description>
			<content:encoded><![CDATA[<p>最近我一直在用<a title="打开我的twitter" href="http://twitter.com/SunSivan/" rel="external">Twitter</a>做唯一的微博客应用。使用优秀的桌面客户端twhirl让我渐渐厌烦QQ的聊天方式，由于我GTalk好友也不多，所以GTalk也懒得上。今天试了试国内新出的<a title="打开嘀咕" href="http://digu.com/" rel="external">嘀咕</a>，感觉还不错。</p>
<p>Sivan一直感觉国内Web2.0的服务横向内容重复太多，缺乏纵向的创新型网站。有<a title="打开饭否" href="http://fanfou.com/" rel="external">饭否</a>、<a title="打开叽歪" href="http://jiwai.de/" rel="external">叽歪</a>、<a title="打开做啥" href="http://zuosa.com/" rel="external">做啥</a>等等，功能差不多，用户选择起来也麻烦。最后是同归于尽。此时一个整合能力较强的服务反而更容易让我选择。</p>
<p><span id="more-394"></span>嘀咕在自身功能上，模仿twitter的程度还是比较大。我看好嘀咕的主要原因它的插件十分丰富。从手机到同步发送到其他服务等，覆盖范围比较广。加上设计上比较活泼，还会使用类似“未来加入”这样给用户心理暗示的手段，让用户很想保持关注的热情。尤其是后者，Sivan认为比较重要。一个“进度表”之类的内容可以让用户知道网站的发展方向跟进度，让用户知道“如果我留在这里，以后还会有某某功能”的想法，也给你网站在持续更新的感觉。在这点上，国产的在线音乐分享站<a title="打开虾米" href="http://xiami.com/" rel="external">虾米</a>做的也不错。虽然因为虾米的歌曲储备量匮乏让我一度放弃，但是最近虾米也推出了更多丰富的功能，只要歌曲储备跟的上，我这种小众听者也愿意待下去。</p>
<p>现在思绪比较，就不详细介绍嘀咕了。用法和功能跟twitter几乎一样。<br />
主要插件有下列：</p>
<ul>
<li><a href="http://www.huotu.com/" rel="external">嘀咕火兔</a><br />
简介：手机客户端，让你在任何时间、任何地点能用手机拍下眼前的情景，立刻嘀咕出来，用照片告诉大家你正在干嘛或看到了什么。不花彩信费，扣流量费。还能当手机上网浏览器用。<br />
目前只支持nokia、索爱跟三星手机的系统。MOTO的linux系统、WM系统、Sivan心爱的黑莓、苹果系统、GPhone的都在开发中。</li>
<li><a href="http://www.digusync.com/" rel="external">嘀神</a><br />
简介：把你的嘀咕同步更新到你的社交网络和微博客中。<br />
比较搞的是千橡的开心网被形容为山寨开心网，逗死我了。<br />
<a href="http://picasaweb.google.com/lh/photo/QJtOW83t0vSvAJI6dtjQdQ?authkey=Gv1sRgCKO_t-Day_iepAE&amp;feat=embedwebsite"><img src="http://en.sivan.in/pic/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_ZXcfVpb-f-s%2FSd76XjyIhsI%2FAAAAAAAAA0k%2FXLB-_LGuMXA%2Fs400%2F2009-04-10_digu.gif" alt="" /></a></li>
<li><a href="http://www.digublog.com/" rel="external">打嘀</a><br />
简介：把记录了“你正在干嘛”的嘀咕，用打嘀一次转载到多个博客。适合博客懒人。</li>
<li><a href="http://www.diguim.cn/" rel="external">嘀嘀</a><br />
简介：通过即时聊天软件QQ/MSN/Gtalk来嘀咕你正在干嘛，需绑定。</li>
<li><a href="http://www.digulink.com/" rel="external">嘀址</a><br />
简介：嘀咕你正在看的网页，属于一个小书签。</li>
<li><a href="http://www.diguff.com/" rel="external">嘀享</a><br />
简介：嘀址的Firefox版。</li>
<li><a href="http://digufeed.com/" rel="external">嘀哒</a><br />
简介：不用复制粘贴，自动把你发在自己博客上的文章，自动嘀咕出来，让更多人知道，你刚刚写了什么。</li>
<li><a href="http://www.digushow.com/" rel="external">嘀咕秀</a><br />
简介：嘀咕的Widget，用于在博客空间上自动实时显示嘀咕。</li>
<li><a href="http://www.digutou.com/" rel="external">嘀个头</a><br />
简介：用电脑摄影头来拍照嘀咕。</li>
<li><a href="http://app.foxling.cn/modi/" rel="external">魔嘀</a><br />
简介：利用嘀咕网API接口开发的嘀咕桌面客户端。</li>
<li><a href="http://bollinlai.cn/" rel="external">嘀咕精灵</a><br />
简介：通过手机随时随地记录嘀咕，可拍照。</li>
</ul>
<p>基本上嘀咕自带的插件实现了twitter+friendfeed2twitter的基本功能。在国内用不惯English的用户环境下，这些插件还是很方便的。我感觉不妥的是这些插件几乎都用了独立域名，看起来并不整体，域名都不好记。</p>
<p>希望嘀咕可以改善用户体验的一些问题，做出自己的特色。在国内其他微博客渐渐痿了的现在，希望有一个好的网站能出来或多或少统一下江湖。</p>

	<h3>相关日志</h3>
	<ul class="st-related-posts">
	<li><a href="http://sivan.in/blog/close-my-twitese/" title="关闭自己的推特中文圈 (2009-11-28)">关闭自己的推特中文圈</a> (23)</li>
	<li><a href="http://sivan.in/blog/that-a-good-choice/" title="选择那个好？ (2008-03-14)">选择那个好？</a> (2)</li>
	<li><a href="http://sivan.in/blog/subscribe-free-weather-forecast/" title="订阅免费的天气预报短信服务 (2008-08-29)">订阅免费的天气预报短信服务</a> (2)</li>
	<li><a href="http://sivan.in/blog/use-twitter-js-under-wall/" title="如何使用代理恢复显示Twitter的JS挂件 (2009-09-01)">如何使用代理恢复显示Twitter的JS挂件</a> (12)</li>
	<li><a href="http://sivan.in/blog/retweet-theme-released/" title="不等了，Retweet主题发布 (2009-05-19)">不等了，Retweet主题发布</a> (4)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://sivan.in/blog/use-digu/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>选择那个好？</title>
		<link>http://sivan.in/blog/that-a-good-choice/</link>
		<comments>http://sivan.in/blog/that-a-good-choice/#comments</comments>
		<pubDate>Fri, 14 Mar 2008 14:39:20 +0000</pubDate>
		<dc:creator>Sivan</dc:creator>
				<category><![CDATA[网事]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[叽歪]]></category>
		<category><![CDATA[微可]]></category>
		<category><![CDATA[滔滔]]></category>
		<category><![CDATA[饭否]]></category>

		<guid isPermaLink="false">http://sivan.in/blog/2008_03_14/that-a-good-choice</guid>
		<description><![CDATA[一直想加个twitter那样的东西，twitter、饭否、滔滔、叽歪、微可，用哪个好呢？平时用QQ比较多，twitter没有机器人啊，只有滔滔对此比较好，但是功能上……还有其他好的吗？



	相关日志

<span class="readmore"><a href="http://sivan.in/blog/that-a-good-choice/" title="选择那个好？">阅读全文——共92字</a></span>]]></description>
			<content:encoded><![CDATA[<p>一直想加个twitter那样的东西，twitter、饭否、滔滔、叽歪、微可，用哪个好呢？平时用QQ比较多，twitter没有机器人啊，只有滔滔对此比较好，但是功能上……还有其他好的吗？</p>

	<h3>相关日志</h3>
	<ul class="st-related-posts">
	<li><a href="http://sivan.in/blog/use-twitter-js-under-wall/" title="如何使用代理恢复显示Twitter的JS挂件 (2009-09-01)">如何使用代理恢复显示Twitter的JS挂件</a> (12)</li>
	<li><a href="http://sivan.in/blog/retweet-theme-released/" title="不等了，Retweet主题发布 (2009-05-19)">不等了，Retweet主题发布</a> (4)</li>
	<li><a href="http://sivan.in/blog/about-tencent-rolling/" title="关于腾讯滔滔 (2008-02-14)">关于腾讯滔滔</a> (3)</li>
	<li><a href="http://sivan.in/blog/subscribe-free-weather-forecast/" title="订阅免费的天气预报短信服务 (2008-08-29)">订阅免费的天气预报短信服务</a> (2)</li>
	<li><a href="http://sivan.in/blog/close-my-twitese/" title="关闭自己的推特中文圈 (2009-11-28)">关闭自己的推特中文圈</a> (23)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://sivan.in/blog/that-a-good-choice/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
