Saturday, January 17, 2009

给Blogger添加Twitter工具栏

还是使用简单的JavaScript调用的办法。
添加一个HTML/JavaScript的小工具,填入以下内容:<div class="widget-content">
<div id="twitter_div"><ul id="twitter_update_list"></ul></div>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/zeronenorez.json?callback=twitterCallback2&count=20"></script>
<a href="http://twitter.com/zeronenorez" target="_blank">ReadMore</a>
</div>
</div>
将其中红色的部分改成自己的Twitter用户名即可!
由于我模板的原因,在显示内容的时候会在前面留下一部分的空隙,所以在Blogger模板里面添加以下内容到<head></head>之间:#twitter_div {width: 250px;margin-$startSide:-45px}
这样做的目的是把工具栏内容向前挪动45px的距离,这样就和标题对齐了。

0 Comments:

Post a Comment

Copyright © 2006 - 2009 iCNPunk.BlogSpot.COM All rights reserved By ZerOnenOreZ & Blogger
Template Designed By iCNPunk Fixed for IE7