无需翻墙,恢复 twitter JavaScrip widget

twitter挂了很久了,官方的小挂件自然也不能用了。对于经常上微博的人,是在太难受了,博客的侧边栏少了展示的挂件,实在有些不舒服。也很希望让人知道自己在干嘛,做什么。

我也看了不少的解决办法,其中水煮鱼Thread Twitter 很不错,单独的页面显示你的twitter对话,并且你的回复还会显示成留言套嵌的样式,相当的强大。

不过呢,因为我主题的原因,不是很好的兼容,JS错误比较多,有点卡,所以还是换掉了。

下面介绍一个无须翻墙就恢复你的 JavaScrip widget,绝对轻量级的,其他的我就不知道了。
此方法参考Ray  http://rayche.blogbus.com/logs/42805708.html
飞霜MM  http://feishuang.blogbus.com/logs/42840775.html
方法步骤:
一、
下载官方原版JS,地址为http://twitter.com/javascripts/blogger.js

不过你是大打不开的,用这个地址来代替(要是怕麻烦,你可以省略这步直接看下面)

https://128.121.146.228/javascripts/blogger.js

下载好后用你熟悉的编辑器打开,在第8行和第12行

8 9 10 11 12 13 
      return  reply.charAt(0)+'<a href="http://twitter.com/'+reply.substring(1)+'">'+reply.substring(1)+'</a>';     });     statusHTML.push(' 	<li><span>'+status+'</span> <a style="font-size:85%" href="http://twitter.com/'+username+'/statuses/'+twitters[i].id+'">'+relative_time(twitters[i].created_at)+'</a>   ');</li>

把上面的http://twitter.com/修改为http://128.121.146.228  保存退出 ,上传到你的ftp

二、调用代码 (你可以自己上传JS,当然也可以用我的)
根据你自己主题调用CSS样式

1 2 3 4 5 6 7 8 
<div class="twitter_div"> <h3 class="sidebar-title">Twitter</h3> <ul id="twitter_update_list"></ul> <a href="http://128.121.146.228/你的twitterID" id="twitter-link" style="display:block;text-align:right;">Follow me on Twitter</a> </div> <p> <script type="text/javascript" src="http://magehao.blogbus.com/files/12484178690.js"></script> <script type="text/javascript" src="http://128.121.146.228/statuses/user_timeline/你的twitterID.json?callback=twitterCallback2&amp;count=5"></script> </p>

count=5 表示你想显示的数目
嗯,开始我用的时候这个版面相当的有问题,字体非常的小,
解决办法:

 
<span style="font-size:9pt">内容</span>

嗯,很简单吧,轻松搞定,微博控们 赶紧动手吧。

没有评论: