<?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>FoxLing - 前端开发 &#187; 侧栏</title>
	<atom:link href="http://foxling.org/tag/%e4%be%a7%e6%a0%8f/feed/" rel="self" type="application/rss+xml" />
	<link>http://foxling.org</link>
	<description>不积跬步 无以至千里</description>
	<lastBuildDate>Sat, 19 Nov 2011 16:29:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>为你的PJBlog加上Twitter模块</title>
		<link>http://foxling.org/js-ajax-dom/twitter-for-pjblog/</link>
		<comments>http://foxling.org/js-ajax-dom/twitter-for-pjblog/#comments</comments>
		<pubDate>Sun, 04 Jan 2009 18:00:28 +0000</pubDate>
		<dc:creator>FoxLing</dc:creator>
				<category><![CDATA[JS/AJAX/DOM]]></category>
		<category><![CDATA[PJBlog]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[侧栏]]></category>

		<guid isPermaLink="false">http://wp.foxling.cn/as-flex-air/twitter-for-pjblog/</guid>
		<description><![CDATA[在我的BLOG首页侧边栏，你可以看到我的Twitter模块。实现起来非常简单，Twitter提供了API接口，只需要写少少代码，就可以实现该模块。 Twitter JSON数据接口:http://twitter.com/statuses/user_timeline/15978541.json?callback=twitterCallback&#38;count=5 15978541.json&#160; 前面这一串数字是你的用户ID，你可以在你的Twitter首页左下角的RSS链接中找到他。 twitterCallback&#160; 这是一个JS函数，只要你预先定义好它(在本文末尾下载)。然后用js的方式引入Twitter的这个链接。 count&#160; 引用Twitter条数 函数我已经写好了，所以只需要写进入到PJBlog的后台&#62;&#62;界面与插件&#62;&#62;设置模块 然后添加一个模块：侧栏，模块标识：MyTwitter，模块名称：我的Twitter，保存之后，编辑该模块的HTML，在里面写入： &#60;p id="myTwitter"&#62;正在加载...&#60;/p&#62; &#60;script type="text/javascript" src="common/myTwitter.js"&#62;&#60;/script&#62; &#60;script type="text/javascript" src="http://twitter.com/statuses/user_timeline/15978541.json?callback=twitterCallback&#038;count=5"&#62;&#60;/script&#62; common/myTwitter.js里面包含我写好的twitterCallback函数，后面调用的就是twitter的JSON API接口。 打包下载：点击下载此文件解压到你的Blog目录即可。 当然，你还可以在Blog风格的CSS样式里加上一些CSS，用来修改Twitter的显示效果。 ol#myTwitter {list-style:none; margin:0; padding:0;} ol#myTwitter li {margin-bottom:5px; padding-left:15px; line-height:16px; background:url(../../skins/ye_v2/twitter.gif) no-repeat;} ol#myTwitter li a {font-style:italic;color:#666;} ol#myTwitter li a:hover {color:#000;}]]></description>
			<content:encoded><![CDATA[<p>在我的BLOG首页侧边栏，你可以看到我的Twitter模块。实现起来非常简单，Twitter提供了API接口，只需要写少少代码，就可以实现该模块。</p>
<p>Twitter JSON数据接口:http://twitter.com/statuses/user_timeline/15978541.json?callback=twitterCallback&amp;count=5</p>
<p><em>15978541.json</em>&nbsp; 前面这一串数字是你的用户ID，你可以在你的Twitter首页左下角的RSS链接中找到他。<br />
<em>twitterCallback</em>&nbsp; 这是一个JS函数，只要你预先定义好它(在本文末尾下载)。然后用js的方式引入Twitter的这个链接。<br />
<em>count</em>&nbsp; 引用Twitter条数</p>
<p>函数我已经写好了，所以只需要写进入到PJBlog的后台&gt;&gt;界面与插件&gt;&gt;设置模块</p>
<p>然后添加一个模块：侧栏，模块标识：MyTwitter，模块名称：我的Twitter，保存之后，编辑该模块的HTML，在里面写入：</p>
<pre>
&lt;p id="myTwitter"&gt;正在加载...&lt;/p&gt;
&lt;script type="text/javascript" src="common/myTwitter.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="http://twitter.com/statuses/user_timeline/15978541.json?callback=twitterCallback&#038;count=5"&gt;&lt;/script&gt;
</pre>
<p>common/myTwitter.js里面包含我写好的twitterCallback函数，后面调用的就是twitter的JSON API接口。</p>
<p><strong>打包下载：</strong><a href="/attachments/month_0901/o200914175626.rar">点击下载此文件</a>解压到你的Blog目录即可。</p>
<p>当然，你还可以在Blog风格的CSS样式里加上一些CSS，用来修改Twitter的显示效果。</p>
<pre>
ol#myTwitter {list-style:none; margin:0; padding:0;}
ol#myTwitter li {margin-bottom:5px; padding-left:15px; line-height:16px; background:url(../../skins/ye_v2/twitter.gif) no-repeat;}
ol#myTwitter li a {font-style:italic;color:#666;}
ol#myTwitter li a:hover {color:#000;}
</pre>
]]></content:encoded>
			<wfw:commentRss>http://foxling.org/js-ajax-dom/twitter-for-pjblog/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

