<?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>Axiu Blog &#187; Twitter</title>
	<atom:link href="http://axiu.me/tag/twitter/feed/" rel="self" type="application/rss+xml" />
	<link>http://axiu.me</link>
	<description>又一个WordPress博客</description>
	<lastBuildDate>Fri, 03 Feb 2012 02:32:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>贴纸，墙和一点议论</title>
		<link>http://axiu.me/sentiment/google_gfw_and_cmmts/</link>
		<comments>http://axiu.me/sentiment/google_gfw_and_cmmts/#comments</comments>
		<pubDate>Sat, 05 Dec 2009 06:37:57 +0000</pubDate>
		<dc:creator>axiu</dc:creator>
				<category><![CDATA[随便说说]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[生活]]></category>

		<guid isPermaLink="false">http://axiu.me/sentiment/google_gfw_and_cmmts/</guid>
		<description><![CDATA[最近几天肚子不舒服，一按就疼……不知道怎么回事，先顶着吧。因为考试还有一个月，所以以后更新频率会很慢很慢，别忘记我。很高兴的是，一早收到了Google的PC贴纸~这是前一阵子参加Google创意点子大赛的纪念品，因为没时间折腾他们的东西，所以只是提了个小意见，没想到还真能收到纪念品 \(^o^)/~总共三款，三张贴纸三张书签。 最近手机软件闹的很凶，从打击网络色情网站，到Opera的强制升级为国内限制版，昨天更是发现UCWEB也遭到了同样待遇。之前的UC英文版上推不亦乐乎，今天一大早发现完全不行了，界面也回到了可恶的中文版，垃圾广告一大堆，而且twitter点完了就超时！ 早点制定分级制度不完了？非要把都需要的东西全给设置成15岁以下可以观看的才允许放上来（虽然twitter不是这原因），好好的电影非剪切地连剧情都看不明白才行，我就服了。这下好，美名其曰和谐，却忘记了古人在《国语》中的经典论述： 民之有口，犹土之有山川也，财用于是乎出；犹其原隰之有衍沃也，衣食于是乎生。口之宣言也，善败于是乎兴。行善而备败，其所以阜财用衣食者也。夫民虑之于心而宣之于口，成而行之，胡可壅也？若壅其口，其与能几何？ 人们用嘴巴发表议论，政事的成败得失就能表露出来。人们以为好的就尽力实行，以为失误的就设法预防，这样社会的衣食财富就会日益丰富，不断增加。人们心中所想通过嘴巴表达出来，你以为行得通的就照着实行，怎么可以堵呢？如果硬是堵住老百姓的嘴，那又能堵多久呢？ &#187; 转载请注明来源：Axiu’s blog &#187; 《贴纸，墙和一点议论》&#187; 本文链接地址：http://axiu.me/sentiment/google_gfw_and_cmmts/]]></description>
			<content:encoded><![CDATA[<p>最近几天肚子不舒服，一按就疼……不知道怎么回事，先顶着吧。因为考试还有一个月，所以以后更新频率会很慢很慢，别忘记我。很高兴的是，一早收到了Google的PC贴纸~这是前一阵子参加Google创意点子大赛的纪念品，因为没时间折腾他们的东西，所以只是提了个小意见，没想到还真能收到纪念品 \(^o^)/~总共三款，三张贴纸三张书签。</p>
<p><span id="more-456"></span></p>
<p><img style="text-align: center; width: 580px; display: block; height: 435px; margin-left: auto; margin-right: auto;" src="http://farm3.static.flickr.com/2637/4158998287_3edbd3eae5.jpg" alt="04122009(005).jpg" width="580" height="435" /><br />
<img style="text-align: center; width: 580px; display: block; height: 435px; margin-left: auto; margin-right: auto;" src="http://farm3.static.flickr.com/2608/4158998707_9597819b0b.jpg" alt="04122009(004).jpg" width="580" height="435" /><br />
<img style="text-align: center; width: 580px; display: block; height: 435px; margin-left: auto; margin-right: auto;" src="http://farm3.static.flickr.com/2589/4159756752_ce19a81f91.jpg" alt="04122009(003).jpg" width="580" height="435" /><br />
<img style="text-align: center; width: 580px; display: block; height: 435px; margin-left: auto; margin-right: auto;" src="http://farm5.static.flickr.com/4002/4158999343_23ea62ea96.jpg" alt="04122009.jpg" width="580" height="435" /></p>
<p>最近手机软件闹的很凶，从打击网络色情网站，到Opera的强制升级为国内限制版，昨天更是发现UCWEB也遭到了同样待遇。之前的UC英文版上推不亦乐乎，今天一大早发现完全不行了，界面也回到了可恶的中文版，垃圾广告一大堆，而且twitter点完了就超时！</p>
<p>早点制定分级制度不完了？非要把都需要的东西全给设置成15岁以下可以观看的才允许放上来（虽然twitter不是这原因），好好的电影非剪切地连剧情都看不明白才行，我就服了。这下好，美名其曰和谐，却忘记了古人在《国语》中的经典论述：</p>
<blockquote style="margin-right: 0px;" dir="ltr"><p>民之有口，犹土之有山川也，财用于是乎出；犹其原隰之有衍沃也，衣食于是乎生。口之宣言也，善败于是乎兴。行善而备败，其所以阜财用衣食者也。夫民虑之于心而宣之于口，成而行之，胡可壅也？若壅其口，其与能几何？</p></blockquote>
<p>人们用嘴巴发表议论，政事的成败得失就能表露出来。人们以为好的就尽力实行，以为失误的就设法预防，这样社会的衣食财富就会日益丰富，不断增加。人们心中所想通过嘴巴表达出来，你以为行得通的就照着实行，怎么可以堵呢？如果硬是堵住老百姓的嘴，那又能堵多久呢？</p>
<div class="postinfo">&raquo; 转载请注明来源：Axiu’s blog &raquo; <a rel="bookmark" title="贴纸，墙和一点议论" href="http://axiu.me/sentiment/google_gfw_and_cmmts/">《贴纸，墙和一点议论》</a><br/>&raquo; 本文链接地址：<a rel="bookmark" title="贴纸，墙和一点议论" href="http://axiu.me/sentiment/google_gfw_and_cmmts/">http://axiu.me/sentiment/google_gfw_and_cmmts/</a></div>]]></content:encoded>
			<wfw:commentRss>http://axiu.me/sentiment/google_gfw_and_cmmts/feed/</wfw:commentRss>
		<slash:comments>30</slash:comments>
		</item>
		<item>
		<title>滚动twitter消息的实现</title>
		<link>http://axiu.me/learning_notes/twitter_loudspeaker/</link>
		<comments>http://axiu.me/learning_notes/twitter_loudspeaker/#comments</comments>
		<pubDate>Sun, 22 Nov 2009 08:57:15 +0000</pubDate>
		<dc:creator>axiu</dc:creator>
				<category><![CDATA[WP札记]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[WordPress]]></category>

		<guid isPermaLink="false">http://axiu.me/learning_notes/twitter_loudspeaker/</guid>
		<description><![CDATA[我不是完全体的twitter控，但用它往博客上发新信息，确实很方便。所以我决定还是琢磨琢磨搞出来个小广播样子的滚动新闻条。在洗白白浑身清爽之后，这个东西被我华丽地整上了~~效果见首页”小鸟”栏~~点击可以Follow我哦！~当然是仅限墙外用户啦。 首先，这个东西是结合Thread Twitter 搞出来的，当然如果你喜欢编辑文档的话，也可以再文件里直接写入内容。这个插件有个功能是在侧边栏输出twitter信息，thread_twitter_sidebar();可以直接使用的。 它的输出是~~ &#60;li&#62;&#8230;&#8230; &#60;li&#62;&#8230;&#8230; &#60;li&#62;&#8230;&#8230; 这种格式。你可以在后台编辑该插件，让它显示固定的条数，比如我设置为5条。 有没有去过Movie Castle 呢？应该记得他网站上头部的滚动新闻吧？它的实现方法就是查找&#8217;p'，之后分段显示内容。我想做的就是改装它……（没错，我就是CP党！哈）。 好了，下面开始正题，具体怎么做呢？ 1、先在你想设置twitter广播的地方定义一个容器，div class=”words” id=”fade_link”， 可以修改，之后把你想显示的内容放进去，注意用li来区分各个条目。 2、重点部分，该编辑一下JS代码了。全部代码如下（部分注释），把他们写入你自己的JS里： $&#40;document&#41;.ready&#40;function&#40;&#41; &#123; &#160; $&#40;'#fade_link&#38;gt;li'&#41;.hide&#40;&#41;;//隐藏&#34;id=fade_link&#34;下的所有条目 &#160; t= setInterval&#40;&#34;roll(aroll,broll);&#34;, 3000&#41;; &#125;&#41;; &#160; var aroll=0; var broll=1; &#160; var t; function roll &#40;off,on&#41;&#123; &#160; clearInterval&#40;t&#41;; &#160; var $firstNode = $&#40;'#fade_link&#38;gt;li'&#41;; //#motto 是DIV的ID,'li'来区分条目 &#160; $firstNode.eq&#40;off&#41;.fadeOut&#40;'slow',function&#40;&#41;&#123; &#160; $firstNode.eq&#40;on&#41;.fadeIn&#40;'slow'&#41;; &#125;&#41;; &#160; if&#40;on==&#40;$&#40;'#fade_link&#38;gt;li'&#41;.length-1&#41;&#41;&#123; &#160; [...]]]></description>
			<content:encoded><![CDATA[<p>我不是完全体的twitter控，但用它往博客上发新信息，确实很方便。所以我决定还是琢磨琢磨搞出来个小广播样子的滚动新闻条。在洗白白浑身清爽之后，这个东西被我华丽地整上了~~效果见首页”小鸟”栏~~点击可以Follow我哦！~当然是仅限墙外用户啦。</p>
<p><span id="more-429"></span></p>
<p>首先，这个东西是结合<a title="Thread Twitter: 会话方式显示你的 Tweets" href="http://fairyfish.net/2009/01/16/thread-twitter/" target="_blank">Thread Twitter</a> 搞出来的，当然如果你喜欢编辑文档的话，也可以再文件里直接写入内容。这个插件有个功能是在侧边栏输出twitter信息，<span style="text-decoration: underline;">thread_twitter_sidebar();</span>可以直接使用的。</p>
<p>它的输出是~~</p>
<blockquote><p>&lt;li&gt;&#8230;&#8230;</p>
<p>&lt;li&gt;&#8230;&#8230;</p>
<p>&lt;li&gt;&#8230;&#8230;</p></blockquote>
<p>这种格式。你可以在后台编辑该插件，让它显示固定的条数，比如我设置为5条。</p>
<p>有没有去过<a title="Movie Castle - 以影之名集结" href="http://www.eemir3.com/" target="_blank">Movie Castle</a> 呢？应该记得他网站上头部的滚动新闻吧？它的实现方法就是查找&#8217;p'，之后分段显示内容。我想做的就是改装它……（没错，我就是CP党！哈）。</p>
<p>好了，下面开始正题，具体怎么做呢？</p>
<p>1、先在你想设置twitter广播的地方定义一个容器，<span style="text-decoration: underline;">div class=”words” id=”fade_link”，</span></p>
<p>可以修改，之后把你想显示的内容放进去，注意用li来区分各个条目。</p>
<p>2、重点部分，该编辑一下JS代码了。全部代码如下（部分注释），把他们写入你自己的JS里：</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family: Courier New,clearSys;">$<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
&nbsp;
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#fade_link&amp;gt;li'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">hide</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #006600; font-style: italic;">//隐藏&quot;id=fade_link&quot;下的所有条目</span>
&nbsp;
t<span style="color: #339933;">=</span> setInterval<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;roll(aroll,broll);&quot;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">3000</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">var</span> aroll<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> <span style="color: #003366; font-weight: bold;">var</span> broll<span style="color: #339933;">=</span><span style="color: #CC0000;">1</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">var</span> t<span style="color: #339933;">;</span> <span style="color: #003366; font-weight: bold;">function</span> roll <span style="color: #009900;">&#40;</span>off<span style="color: #339933;">,</span>on<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
&nbsp;
clearInterval<span style="color: #009900;">&#40;</span>t<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #003366; font-weight: bold;">var</span> $firstNode <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#fade_link&amp;gt;li'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//#motto 是DIV的ID,'li'来区分条目</span>
&nbsp;
$firstNode.<span style="color: #660066;">eq</span><span style="color: #009900;">&#40;</span>off<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">fadeOut</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'slow'</span><span style="color: #339933;">,</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
&nbsp;
$firstNode.<span style="color: #660066;">eq</span><span style="color: #009900;">&#40;</span>on<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">fadeIn</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'slow'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>on<span style="color: #339933;">==</span><span style="color: #009900;">&#40;</span>$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#fade_link&amp;gt;li'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">length</span><span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
&nbsp;
aroll<span style="color: #339933;">=</span>on<span style="color: #339933;">;</span> <span style="color: #006600; font-style: italic;">//on 指DIV里最后一个li</span>
&nbsp;
broll<span style="color: #339933;">=</span><span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> <span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>off<span style="color: #339933;">==</span><span style="color: #009900;">&#40;</span>$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#fade_link&amp;gt;li'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">length</span><span style="color: #339933;">-</span><span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span> <span style="color: #006600; font-style: italic;">//当最后一个准备关闭，a, b 重新赋值 aroll=0; broll=1; }</span>
&nbsp;
<span style="color: #000066; font-weight: bold;">else</span><span style="color: #009900;">&#123;</span> aroll<span style="color: #339933;">++;</span> broll<span style="color: #339933;">++;</span> <span style="color: #009900;">&#125;</span>
&nbsp;
t <span style="color: #339933;">=</span> setInterval <span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;roll(aroll, broll);&quot;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">8000</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
&nbsp;
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>3、完成以上两步，基本就实现了滚动新闻的效果。但是有个小瑕疵，当页面载入完成前，会把新闻内容全部显示，之后隐藏，很难看。你可以把整个容器 “fade_link” 先设置为隐藏，然后在第二部的最前面加上一句<span style="text-decoration: underline;">$(&#8216;#fade_link&#8217;).slideDown(400);</span> 来重新显示它。这么做就可以解决刷新问题了。</p>
<p>4、最后还是要感谢<a title="Movie Castle - 以影之名集结" href="http://www.eemir3.com/" target="_blank">Movie Castle</a> 博主 Yacca 的代码~~~CP党就此匿鸟……</p>
<div class="postinfo">&raquo; 转载请注明来源：Axiu’s blog &raquo; <a rel="bookmark" title="滚动twitter消息的实现" href="http://axiu.me/learning_notes/twitter_loudspeaker/">《滚动twitter消息的实现》</a><br/>&raquo; 本文链接地址：<a rel="bookmark" title="滚动twitter消息的实现" href="http://axiu.me/learning_notes/twitter_loudspeaker/">http://axiu.me/learning_notes/twitter_loudspeaker/</a></div>]]></content:encoded>
			<wfw:commentRss>http://axiu.me/learning_notes/twitter_loudspeaker/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>利用”Follow” Badge的无聊改动</title>
		<link>http://axiu.me/learning_notes/follow_badge/</link>
		<comments>http://axiu.me/learning_notes/follow_badge/#comments</comments>
		<pubDate>Wed, 23 Sep 2009 09:09:57 +0000</pubDate>
		<dc:creator>axiu</dc:creator>
				<category><![CDATA[WP札记]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://axiu.me/uncategorized/follow_badge/</guid>
		<description><![CDATA[你可能发现了，我的首页出现了一个Follow Me的黄色小图标，在右侧，对，就是那里。这个是利用 http://www.go2web20.net/twitterFollowBadge/ 的服务添加的一个twitter快捷标签。在 ZR Free 的博客里看到的。 当然，现在国内twitter已经被墙很久了，所以如果你添加个这样的按钮上去，无疑是无果之举。当然，我们不妨利用这个东西，做个自己的链接出来，哈哈，看我的~ 1、首先，去上述网站申请一个，点击update code，会给出你一个脚本代码，让粘贴到自己的网站上，像这样的： 毫无疑问，粘贴到自己的网站去就会出现图标，通过它的网站转向指到你twitter账户对应的页面。但是等一下，先看一下 http://files.go2web20.net/twitterbadge/1.0/badge.js这个文件，应该就是对应的JS代码。你要做的就是修改它，然后本地化。 2、其次，很简单，把代码拷贝下来，基本上像这样： var tfb={};tfb.allowedLabels=["follow-me","follow-us","follow","my-twitter"];tfb.defaultTop=78;tfb.defaultColor="#35ccff";tfb.isInArray=function(str,ar){if(ar.length&#60;1)return;for(var i=0;i&#60;0&#124;&#124;tfb.top&#62;1000&#124;&#124;isNaN(tfb.top)){tfb.top=tfb.defaultTop;}if(!tfb.isInArray(tfb.label,tfb.allowedLabels)){tfb.label=tfb.allowedLabels[0];}var validColorPattern=/^#([a-f]&#124;[A-F]&#124;[0-9]){3}(([a-f]&#124;[A-F]&#124;[0-9]){3})?$/;if(!validColorPattern.test(tfb.color)&#124;&#124;(tfb.color.length!=4&#38;&#38;tfb.color.length!=7)){tfb.color=tfb.defaultColor;};if(tfb.side!='l'){tfb.side='r';}tfb.tabStyleCode='position:fixed;'+'top:'+tfb.top+'px;'+'width:30px;'+'height:119px;'+'z-index:8765;'+'cursor:pointer;'+'background:'+tfb.color+' url(http://files.go2web20.net/twitterbadge/1.0/bg-badge/'+tfb.label+'.png);'+'background-repeat:no-repeat;';tfb.aboutStyleCode='position:absolute;'+'top:'+(parseInt(tfb.top)+107)+'px;'+'width:10px;'+'height:11px;'+'z-index:9876;'+'cursor:pointer;'+'background:url(http://files.go2web20.net/twitterbadge/1.0/icon-about.png);'+'background-repeat:no-repeat;';if(tfb.side=='l'){tfb.tabStyleCode+='left:0; background-position:right top;';tfb.aboutStyleCode+='left:0;';}else{tfb.tabStyleCode+='right:0; background-position:left top;';tfb.aboutStyleCode+='right:0;';}tfbMainDiv=document.createElement('div');tfbMainDiv.setAttribute('id','twitterFollowBadge');document.body.appendChild(tfbMainDiv);tfbMainDiv.innerHTML=''+'';document.getElementById('tfbTab').onclick=function(){window.open('http://www.go2web20.net/twitterfollowbadge/redir.htm?'+tfb.account);}document.getElementById('tfbAbout').onclick=function(){window.open('http://www.go2web20.net/twitterFollowBadge/');}} 3、之后，里面有个语句是鼠标点击事件，window.open(&#8216;http://www.go2web20.net/twitterfollowbadge/redir.htm?&#8217;+tfb.account)，你要做的就是把其中的地址换成你想指向的地址，就完成了。 4、再要做的就是把这个文件保存为badge.js，上传到你的wp博客空间任意位置（最好和JS文件放在一起）。 5、最后要做的，在把它给出的代码粘贴到网站上之后，稍微做一下改动，把 src=”http://files.go2web20.net/twitterbadge/1.0/badge.js” 替换成自己上一步上传的文件，例如我改成了src=” bloginfo(&#8216;template_directory&#8217;); ?&#62;/js/badge.js”。 好了，操作结束。你也可以先点点试试看我链接到哪里了~~？ 确实很无聊吧~~希望那网站不会找我算账~~ &#187; 转载请注明来源：Axiu’s blog &#187; 《利用”Follow” Badge的无聊改动》&#187; 本文链接地址：http://axiu.me/learning_notes/follow_badge/]]></description>
			<content:encoded><![CDATA[<p>你可能发现了，我的首页出现了一个Follow Me的黄色小图标，在右侧，对，就是那里。这个是利用 <a href="http://www.go2web20.net/twitterFollowBadge/">http://www.go2web20.net/twitterFollowBadge/</a> 的服务添加的一个twitter快捷标签。在 <a href="http://zrfree.com/" target="_blank" title="zrfree">ZR Free</a> 的博客里看到的。</p>
<p>当然，现在国内twitter已经被墙很久了，所以如果你添加个这样的按钮上去，无疑是无果之举。当然，我们不妨利用这个东西，做个自己的链接出来，哈哈，看我的~<span id="more-285"></span></p>
<p><strong>1、首先</strong>，去上述网站申请一个，点击update code，会给出你一个脚本代码，让粘贴到自己的网站上，像这样的：</p>
<p><img src="http://farm4.static.flickr.com/3439/3947411044_a40bab0ba7.jpg" alt="twitter_js.jpg" height="213" width="469"/></p>
<p><br/>毫无疑问，粘贴到自己的网站去就会出现图标，通过它的网站转向指到你twitter账户对应的页面。但是等一下，先看一下 http://files.go2web20.net/twitterbadge/1.0/badge.js这个文件，应该就是对应的JS代码。你要做的就是修改它，然后本地化。</p>
<p><strong>2、其次</strong>，很简单，把代码拷贝下来，基本上像这样：</p>
<pre>
var tfb={};tfb.allowedLabels=["follow-me","follow-us","follow","my-twitter"];tfb.defaultTop=78;tfb.defaultColor="#35ccff";tfb.isInArray=function(str,ar){if(ar.length&lt;1)return;for(var i=0;i<br/>&lt;0||tfb.top&gt;1000||isNaN(tfb.top)){tfb.top=tfb.defaultTop;}<br/>if(!tfb.isInArray(tfb.label,tfb.allowedLabels)){tfb.label=tfb.allowedLabels[0];}<br/>var validColorPattern=/^#([a-f]|[A-F]|[0-9]){3}(([a-f]|[A-F]|[0-9]){3})?$/;if(!validColorPattern.test(tfb.color)||(tfb.color.length!=4&amp;&amp;tfb.color.length!=7)){tfb.color=tfb.defaultColor;};if(tfb.side!='l'){tfb.side='r';}<br/>tfb.tabStyleCode='position:fixed;'+'top:'+tfb.top+'px;'+'width:30px;'+'height:119px;'+'z-index:8765;'+'cursor:pointer;'+'background:'+tfb.color+' url(http://files.go2web20.net/twitterbadge/1.0/bg-badge/'+tfb.label+'.png);'+'background-repeat:no-repeat;';tfb.aboutStyleCode='position:absolute;'+'top:'+(parseInt(tfb.top)+107)+'px;'+'width:10px;'+'height:11px;'+'z-index:9876;'+'cursor:pointer;'+'background:url(http://files.go2web20.net/twitterbadge/1.0/icon-about.png);'+'background-repeat:no-repeat;';if(tfb.side=='l'){tfb.tabStyleCode+='left:0; background-position:right top;';tfb.aboutStyleCode+='left:0;';}else{tfb.tabStyleCode+='right:0; background-position:left top;';tfb.aboutStyleCode+='right:0;';}<br/>tfbMainDiv=document.createElement('div');tfbMainDiv.setAttribute('id','twitterFollowBadge');document.body.appendChild(tfbMainDiv);tfbMainDiv.innerHTML='<br/>'+'<br/>';document.getElementById('tfbTab').onclick=function(){window.open('http://www.go2web20.net/twitterfollowbadge/redir.htm?'+tfb.account);}<br/>document.getElementById('tfbAbout').onclick=function(){window.open('http://www.go2web20.net/twitterFollowBadge/');}}
</pre>
<p><strong>3、之后</strong>，里面有个语句是鼠标点击事件，window.open(&#8216;http://www.go2web20.net/twitterfollowbadge/redir.htm?&#8217;+tfb.account)，你要做的就是把其中的地址换成你想指向的地址，就完成了。</p>
<p><strong>4、再要做的</strong>就是把这个文件保存为<strong>badge.js</strong>，上传到你的wp博客空间任意位置（最好和JS文件放在一起）。</p>
<p><strong>5、最后</strong>要做的，在把它给出的代码粘贴到网站上之后，稍微做一下改动，把 src=”http://files.go2web20.net/twitterbadge/1.0/badge.js” 替换成自己上一步上传的文件，例如我改成了src=” bloginfo(&#8216;template_directory&#8217;); ?&gt;/js/badge.js”。</p>
<p>好了，操作结束。你也可以先点点试试看我链接到哪里了~~？</p>
<p>确实很无聊吧~~希望那网站不会找我算账~~</p>
<div class="postinfo">&raquo; 转载请注明来源：Axiu’s blog &raquo; <a rel="bookmark" title="利用”Follow” Badge的无聊改动" href="http://axiu.me/learning_notes/follow_badge/">《利用”Follow” Badge的无聊改动》</a><br/>&raquo; 本文链接地址：<a rel="bookmark" title="利用”Follow” Badge的无聊改动" href="http://axiu.me/learning_notes/follow_badge/">http://axiu.me/learning_notes/follow_badge/</a></div>]]></content:encoded>
			<wfw:commentRss>http://axiu.me/learning_notes/follow_badge/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
	</channel>
</rss>

