<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet href="/xsl/rss.xsl" type="text/xsl" media="screen"?>
<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:ppp="http://blog.sohu.com/rss/module/ppp/"
	>

	<channel>
		<title>Icyflash</title>
		<link>http://icyflash.blog.sohu.com/</link>
		<description><![CDATA[Code,Life,Active]]></description>
		<pubDate>Sun, 10 Aug 2008 19:48:31 +0800</pubDate>
		<generator>搜狐博客</generator>
		<ppp:ebi>a68beb9792</ppp:ebi>
		<image>
			<title>http://blog.sohu.com</title>
			<url>http://js.pp.sohu.com/ppp/blog/images/common/logo_150_60.gif</url>
			<link>http://blog.sohu.com/</link>
			<width>100</width>
			<height>43</height>
			<description>搜狐博客</description>
		</image>
		<item>
			<title>修正几个模块的BUG</title>
			<link>http://icyflash.blog.sohu.com/96913496.html</link>
			<comments>http://icyflash.blog.sohu.com/96913496.html#comment</comments>
			<dc:creator>Icyflash</dc:creator>
			<pubDate>Sun, 10 Aug 2008 19:48:31 +0800</pubDate>
			<category>Widget</category>
			<guid>http://icyflash.blog.sohu.com/96913496.html</guid>
			<description><![CDATA[把发现的几个模块的BUG修正了下。<br /><br /><a href="http://ow.blog.sohu.com/widget/1164" target="_blank">奥运饰带</a><br />&nbsp;修正：<br />&nbsp;&nbsp; 1.IE7下使用&ldquo;漂浮-左(右)上&rdquo;时，图片没靠在顶端<br />&nbsp;&nbsp; 2.IE6漂浮无效<br /><br /><a href="http://ow.blog.sohu.com/widget/660" target="_blank">每日一句英语</a><br />&nbsp;修正：<br />&nbsp;&nbsp; 1.XML中没音频链接时模块不能正常加载<br />&nbsp;&nbsp; 2.小喇叭背景固定在白色，与非白色背景不协调<br /><img src="http://1841.img.pp.sohu.com.cn/images/blog/2008/8/10/19/25/11c528ab8ebg215.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br /><br /><a href="http://ow.blog.sohu.com/widget/495" target="_blank">图片Picture </a><br />&nbsp;修正：开启漂浮效果时，Y值不起作用<br /><br /><a href="http://ow.blog.sohu.com/widget/493" target="_blank">Flash Pro</a> <br />&nbsp;修正：开启漂浮效果时，Y值不起作用<br />&nbsp;添加：针对用的比较多的透明Flash添加了一个&ldquo;透明背景&rdquo;选项，这样添加透明Flash就只需勾上这一项。 <br /><img src="http://1804.img.pp.sohu.com.cn/images/blog/2008/8/10/19/26/11c528abc67g214.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br />PS：我装的浏览器为IE7，Maxthon2,Firefox3，现在测试WEB在IE6下的情况用的是IETester。昨天在IETester上测试模块时碰到极其郁闷的情况。我用IETester的IE5.5和IE7都可正常登录搜狐博客，用IE6时其他网站都可以登录，偏偏就是搜狐博客登不上，这样就导致我无法查看模块在IE6下的显示情况。同时，还发现极其搞笑的事，虽然登录不上，但是可以进个人空间，并且可以在开放平台添加模块。<br /><br />再PS：无奈呀，一半的BUG是因为浏览器标准引起的，不知道搜狐博客的用户大多用的什么浏览器呢？<br />]]></description>
		</item>
		    
		
		<item>
			<title>Share the share:让分享更加迅速</title>
			<link>http://icyflash.blog.sohu.com/96236884.html</link>
			<comments>http://icyflash.blog.sohu.com/96236884.html#comment</comments>
			<dc:creator>Icyflash</dc:creator>
			<pubDate>Sun, 3 Aug 2008 00:30:07 +0800</pubDate>
			<category>随笔</category>
			<guid>http://icyflash.blog.sohu.com/96236884.html</guid>
			<description><![CDATA[<br /><img src="http://1804.img.pp.sohu.com.cn/images/blog/2008/8/3/0/16/11c2a3e7904g213.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" />当我觉得这条分享很实用，想将它分享出去时，不得不复制这个链接，然后再到分享里填上去。能否让这一步变得更简单些呢，比如说这样：<br /><br /><img src="http://1871.img.pp.sohu.com.cn/images/blog/2008/8/3/0/25/11c2a4c812ag215.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" />添加一个&ldquo;分享&rdquo;，直接将实用的分享传播开去。<br /><br /><br />]]></description>
		</item>
		    
		
		<item>
			<title>Step by step:搜狐开放模块制作入门(五)</title>
			<link>http://icyflash.blog.sohu.com/95599413.html</link>
			<comments>http://icyflash.blog.sohu.com/95599413.html#comment</comments>
			<dc:creator>Icyflash</dc:creator>
			<pubDate>Mon, 28 Jul 2008 23:45:19 +0800</pubDate>
			<category>推荐</category>
			<guid>http://icyflash.blog.sohu.com/95599413.html</guid>
			<description><![CDATA[################<br /><span style="color: rgb(255, 0, 0);">Update:07/28</span><br />模块必需的参数为四条（title，author，description，thumbnail），而不是之前说的二条（title，author）<br />################<br /><br />在前面，已经完成了模块的制作，这篇介绍模块发布以及更新的一些问题。<br /><br /><font style="color: rgb(255, 0, 0);" size="5"><span style="font-family: 黑体;">一、模块提交</span></font><br />在模块发布前，我们在模块的代码中加上一些东西，那就是模块的描述。详细的描述参数点击<a href="http://ow.blog.sohu.com/guide#10" target="_blank">这里</a>查看。通常我们需要添加的是下面几个：<br />&lt;title&gt;每日一句英语&lt;/title&gt;<br />&lt;link rel=&quot;<span style="color: rgb(255, 0, 0);">icon</span>&quot; type=&quot;image/x-icon&quot; href=&quot;http://res.iciba.com/dict/favicon.ico&quot;/&gt;<br />&lt;meta name=&quot;<span style="color: rgb(255, 0, 0);">autho</span>r&quot; content=&quot;Icyflash&quot;/&gt;<br />&lt;meta name=&quot;<span style="color: rgb(255, 0, 0);">website</span>&quot; content=&quot;http://icyflash.blog.sohu.com&quot;/&gt;<br />&lt;meta name=&quot;<span style="color: rgb(255, 0, 0);">description</span>&quot; content=&quot;每日一句英语&quot;/&gt;<br />&lt;meta name=&quot;<span style="color: rgb(255, 0, 0);">version</span>&quot; content=&quot;1.0&quot;/&gt;<br />&lt;meta name=&quot;<span style="color: rgb(255, 0, 0);">keyword</span>&quot; content=&quot;每日 一句 英语 daily english widget&quot;/&gt;<br />&lt;meta name=&quot;<span style="color: rgb(255, 0, 0);">screenshot</span>&quot; content=&quot;http://1801.img.pp.sohu.com.cn/images/2008/5/8/16/17/11a6bfa0d4e.jpg&quot;/&gt;<br />&lt;meta name=&quot;<span style="color: rgb(255, 0, 0);">thumbnail</span>&quot; content=&quot;http://1821.img.pp.sohu.com.cn/images/2008/5/8/17/6/11a6c128aed.jpg&quot;/&gt;<br /><br />对比最后显示的效果看一看:<br /><img src="http://1814.img.pp.sohu.com.cn/images/blog/2008/7/26/18/17/11c04daf893g213.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br /><img src="http://1861.img.pp.sohu.com.cn/images/blog/2008/7/26/18/17/11c04db6925g214.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br />最中只有<span style="color: rgb(255, 0, 0);">keyword</span>没有显示出来，它主要是帮助搜索的。<br /><br />而一个模块必需的描述有如下几个: <br />&lt;title&gt;每日一句英语&lt;/title&gt; <br />&lt;meta name=&quot;author&quot; content=&quot;Icyflash&quot;/&gt;<br />&lt;meta name=&quot;description&quot; content=&quot;每日一句英语&quot;/&gt;<br />&lt;meta name=&quot;thumbnail&quot; content=&quot;http://1821.img.pp.sohu.com.cn/images/2008/5/8/17/6/11a6c128aed.jpg&quot;/&gt;<br /><br />将这些替换为你的模块相关的描述，就可以提交模块了，具体方法看<a href="http://ow.blog.sohu.com/guide#22" target="_blank">这里</a>，等审核通过，模块就可以正常使用了。<br /><br /><font size="5"><span style="color: rgb(255, 0, 0); font-family: 黑体;">二、几个值得关注的东西</span></font><br /><span style="color: rgb(255, 0, 0);">搜狐博客开放平台Widget审核推荐标准</span>：<a href="http://team.blog.sohu.com/76534068.html" target="_blank">http://team.blog.sohu.com/76534068.html</a><br />主要提醒下第一条，&ldquo;Widget是为用户提供的内容或者服务的。&rdquo;<br /><span style="color: rgb(255, 0, 0);"><br />SOW的缓存机制</span>：<a href="http://q.sohu.com/forum/5/topic/1141160" target="_blank">http://q.sohu.com/forum/5/topic/1141160</a><br />简单来讲，就是当模块通过审核后，你即使将URL所指向的页面删掉也不影响别人的使用。<br /><br /><span style="color: rgb(255, 0, 0);">更新模块</span>：SOW的更新是直接读取提交时的URL，这就是说，如果改变了URL，模块是不能正常更新的。<br /><br />SOW文档里还介绍了一些模块制作中的常见问题，点击<a href="http://ow.blog.sohu.com/guide#25" target="_blank">这里</a>查看。<br /><br /><font size="5"><span style="color: rgb(255, 0, 0); font-family: 黑体;">总结：</span></font><br />到这里，《Step by step:搜狐开放模块制作入门》系列就完成了。文章从制作到提交讲述了SOW模块制作的全过程，完成了两个实例，主要涉及HTML,JS,JSON这三方面的内容。<br /><br /><font style="color: rgb(255, 0, 0);" size="5"><span style="font-family: 黑体;">后记（全是牢骚）：</span></font><br />在我做<a href="http://ow.blog.sohu.com/widget/495" target="_blank">图片插件</a>之前，就想写一个类似的教程。然而一拖再拖，一直拖到现在。<br /><br />本来写这篇文章目的是让更多的人来接触模块开发，特别是那些新手。开始的设想只有三篇：HTML,JS,JSON。准备写的时候才想起一个很多人都不明白的问题：模块放哪里？幸好有GAE这个托管的东西，于是动手写了个小程序专门用来放置模块。于是就在前后各加了一篇。从制作托管在GAE上的Icy's SOW Engine到完成一共花了4天时间。<br /><br />前后两篇都只是介绍的东西，第二篇也只是一段简单的代码，所以在做完第二篇时感觉非常有成就感。然而写到第三篇时，突然就卡住了，自己已经开始抓狂了，我发现已经很难明确面向的读者类型：是什么都不知道的新手，还是已接触过相关知识的人。就发现自己实在写不下去了，不停的修修改改，艰难的完成了它。第四篇也是同样的感觉...<br /><br />模块不比模板，做模板即使随便传两张图片，只要自己喜欢，也能成为一个模板。模块则不可能说你喜欢就能弄出来，你必需得知道一些相关的知识。也正是这样，这几篇短短的文章不可能让你同时掌握那些东西。这需要你自己去学习，去实践。<br /><br />不管怎么样，这个系列总算是完成了。最后，希望大家都能DIY出自己的模块。<br /><br /><br /><div style="font-weight: bold;">我的相关日志：</div><br />2008-07-26&nbsp;|&nbsp;<a href="http://icyflash.blog.sohu.com/95592370.html" target="_blank" title="Step by step:搜狐开放模块制作入门(四)">Step by step:搜狐开放模块制作入门(四)</a><br />2008-07-26&nbsp;|&nbsp;<a href="http://icyflash.blog.sohu.com/95555142.html" target="_blank" title="Step by step:搜狐开放模块制作入门(三)">Step by step:搜狐开放模块制作入门(三)</a><br />2008-07-25&nbsp;|&nbsp;<a href="http://icyflash.blog.sohu.com/95501827.html" target="_blank" title="Step by step:搜狐开放模块制作入门(二)">Step by step:搜狐开放模块制作入门(二)</a><br />2008-07-24&nbsp;|&nbsp;<a href="http://icyflash.blog.sohu.com/95453511.html" target="_blank" title="Step by step:搜狐开放模块制作入门(一)">Step by step:搜狐开放模块制作入门(一)</a><br /><br /><br />]]></description>
		</item>
		    
		
		<item>
			<title>Step by step:搜狐开放模块制作入门(四)</title>
			<link>http://icyflash.blog.sohu.com/95592370.html</link>
			<comments>http://icyflash.blog.sohu.com/95592370.html#comment</comments>
			<dc:creator>Icyflash</dc:creator>
			<pubDate>Sat, 26 Jul 2008 17:02:41 +0800</pubDate>
			<category>推荐</category>
			<guid>http://icyflash.blog.sohu.com/95592370.html</guid>
			<description><![CDATA[在上一篇，我们完成了一个可以在设置里面自定义公告的模块。在这一篇，我们将用另一种方式来设置我们的公告内容。本篇结合饭否提供的API，制作一个显示饭否消息的模块。所以准确来说，这一篇完成的将会是一个饭否模块。<br />在进行本篇学习之前，请确保你有一个<a href="http://fanfou.com/" target="_blank">饭否</a>的帐号，如果没有，请点击<a href="http://fanfou.com/register" target="_blank">这里</a>注册。顺便提一句，注册好后请随便发几句话以供测试用。<br /><span style="color: rgb(255, 0, 0);">*建议你打开</span><a href="http://ow.blog.sohu.com/guide" target="_blank">SOW帮助文档</a><span style="color: rgb(255, 0, 0);">，</span><a href="http://help.fanfou.com/api.html" target="_blank">饭否API文档</a><span style="color: rgb(255, 0, 0);">，这将有利于你去理解本篇教程的内容。</span><br /><br /><font style="color: rgb(255, 0, 0);" size="5"><span style="font-family: 黑体;">一、JSON介绍</span></font><br />JSON是一种轻量级的数据交换格式，属于JS的一个子集，所以在JS中用它是非常方便的。JSON格式如下：<br />{&quot;addressbook&quot;: {<br />&nbsp;&nbsp;&nbsp; &quot;name&quot;: &quot;Mary Lebow&quot;,<br />&nbsp;&nbsp;&nbsp; &quot;address&quot;: {<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &quot;street&quot;: &quot;5 Main Street&quot;<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &quot;city&quot;: &quot;San Diego, CA&quot;,<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &quot;zip&quot;: 91912,<br />&nbsp;&nbsp;&nbsp; },<br />&nbsp;&nbsp;&nbsp; &quot;phoneNumbers&quot;: [<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &quot;619 332-3452&quot;,<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &quot;664 223-4667&quot;<br />&nbsp;&nbsp;&nbsp; ]<br />&nbsp;}<br />}<br />访问其中的数据非常简单，比如：<br />&nbsp;&nbsp;&nbsp; * 访问名称name： addressbook.name<br />&nbsp;&nbsp;&nbsp; * 访问地址street： addressbook.address.street<br />&nbsp;&nbsp;&nbsp; * 访问电话号码第一位phoneNumbers：addressbook.phoneNumbers[0]<br /><br />本文是想得到自己发布在饭否的消息，请求JSON格式数据的API地址如下：（关于ID，可以看我<a href="http://icyflash.blog.sohu.com/75523981.html" target="_blank">这篇文章</a>）<br />&nbsp;<span style="color: rgb(255, 0, 0);">http://api.fanfou.com/statuses/user_timeline.json?id=ID</span><br /><br />它返回的JSON格式如下：<br />{&quot;created_at&quot;:&quot;Thu May 01 07:59:59 +0000 2008&quot;,<br />&quot;id&quot;:&quot;q85UEfmR0yk&quot;,<br />&quot;text&quot;:&quot;又停水了，要命&quot;,<br />&quot;user&quot;:{&quot;screen_name&quot;:&quot;icyflash&quot;,<br />&quot;id&quot;:&quot;icyflash&quot;,<br />&quot;name&quot;:&quot;icyflash&quot;,<br />&quot;location&quot;:&quot;湖北 武汉&quot;,<br />&quot;description&quot;:&quot;&quot;,<br />&quot;profile_image_url&quot;:&quot;http:\/\/avatar.fanfou.com\/s0\/00\/5e\/ae.jpg?1197885015&quot;,<br />&quot;url&quot;:&quot;http:\/\/fanfou.com\/icyflash&quot;,<br />&quot;protected&quot;:&quot;false&quot;}}<br />我们只用到发布的消息，也就是text。下面，我们就利用这个API来完成我们的模块。<br /><br /><font size="5"><span style="color: rgb(255, 0, 0); font-family: 黑体;">二、模块制作</span></font><br />1.在[模块列表]点击添加模块，新建一个模块。<br /><br />2.Name随便填，content填上如下代码并保存。<br /><span style="color: rgb(255, 0, 0);">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span><br /><span style="color: rgb(255, 0, 0);">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; </span><br /><span style="color: rgb(255, 0, 0);">&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;</span><br /><span style="color: rgb(255, 0, 0);">&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; </span><br /><span style="color: rgb(255, 0, 0);">xmlns:widget=&quot;http://www.netvibes.com/ns/&quot;&gt;</span><br /><span style="color: rgb(255, 0, 0);">&lt;head&gt;</span><br /><span style="color: rgb(255, 0, 0);">&lt;title&gt;公告板&lt;/title&gt;</span><br /><span style="color: rgb(255, 0, 0);">&lt;meta name=&quot;author&quot; content=&quot;Icyflash&quot; /&gt;</span><br /><br /><span style="color: rgb(255, 0, 0);">&lt;widget:preferences&gt;</span><br /><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp; &lt;preference type=&quot;text&quot; label=&quot;ID&quot; name=&quot;id&quot; /&gt;</span><br /><span style="color: rgb(255, 0, 0);">&lt;/widget:preferences&gt;</span><br /><br /><span style="color: rgb(255, 0, 0);">&lt;script type=&quot;text/javascript&quot;&gt;</span><br /><span style="color: rgb(255, 0, 0);">&lt;![CDATA[</span><br /><span style="color: rgb(255, 0, 0);">function fanfou(){</span><br /><span style="color: rgb(255, 0, 0);">&nbsp; if(widget.getValue(&quot;id&quot;)){</span><br /><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var url='http://api.fanfou.com/statuses/user_timeline.json?id='+encodeURI(widget.getValue('id'));</span><br /><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; UWA.Data.getJson(url,callback);</span><br /><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp;&nbsp; }</span><br /><span style="color: rgb(255, 0, 0);">&nbsp; }</span><br /><span style="color: rgb(255, 0, 0);">function callback(json){</span><br /><span style="color: rgb(255, 0, 0);">&nbsp; var ggstr='';</span><br /><span style="color: rgb(255, 0, 0);">&nbsp; for(var i=0;i&lt;json.length;i++){</span><br /><span style="color: rgb(255, 0, 0);">&nbsp; &nbsp;&nbsp; &nbsp;ggstr+=json[i].text+&quot;#&quot;;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;</span><br /><span style="color: rgb(255, 0, 0);">&nbsp;&nbsp;&nbsp; }</span><br /><span style="color: rgb(255, 0, 0);">&nbsp; <span style="color: rgb(0, 0, 255);">var str='&lt;embed width=&quot;220&quot; height=&quot;160&quot; wmode=&quot;transparent&quot; flashvars=&quot;Txt='+ggstr+'&quot; src=&quot;http://img56.imageshack.us/img56/1163/23013575xo8.swf&quot; type=&quot;application/x-shockwave-flash&quot;/&gt;';</span></span><br /><span style="color: rgb(0, 0, 255);">&nbsp;&nbsp; &nbsp;widget.setBody(str);</span><br /><span style="color: rgb(0, 0, 255);">&nbsp;&nbsp; &nbsp;}</span><br /><span style="color: rgb(0, 0, 255);">widget.onLoad =widget.onRefresh= fanfou;</span><br /><span style="color: rgb(255, 0, 0);">]]&gt;</span><br /><span style="color: rgb(255, 0, 0);">&lt;/script&gt;</span><br /><span style="color: rgb(255, 0, 0);">&lt;/head&gt;</span><br /><span style="color: rgb(255, 0, 0);">&lt;body&gt;</span><br /><span style="color: rgb(255, 0, 0);">请填写ID。</span><br /><span style="color: rgb(255, 0, 0);">&lt;/body&gt;</span><br /><span style="color: rgb(255, 0, 0);">&lt;/html&gt;</span><br /><br />3.在你的博客再添加一个测试模块，地址填写刚才新建模块的地址。（不记得怎么添加就回到<a href="http://icyflash.blog.sohu.com/95453511.html" target="_blank">第一篇</a>看看）<br /><img src="http://1841.img.pp.sohu.com.cn/images/blog/2008/7/26/16/29/11c0477aa69g213.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br />4.在设置里面填写自己的饭否ID。（关于ID，可以看我<a href="http://icyflash.blog.sohu.com/75523981.html" target="_blank">这篇文章</a>）<br /><br />5.保存。看到自己发布的饭否消息了吗？<br /><img src="http://1861.img.pp.sohu.com.cn/images/blog/2008/7/26/17/0/11c047935f4g214.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br />你会发现，在我们填写ID之前，模块显示的是&ldquo;请填写ID&rdquo;，这正是&lt;body&gt;间的内容。只有填写ID后，Flash才会出现。下面，就让我们对代码来进行分析。<br /><br /><font style="color: rgb(255, 0, 0);" size="5"><span style="font-family: 黑体;">三、代码分析</span></font><br />我们从模块的加载开始看起。<br />1.widget.onLoad =widget.onRefresh= fanfou，还记得我们上一篇提到的吗，这表示在模块加载时或刷新时运行一个名为fanfou的函数。<br /><br />2.让我们找到function fanfou()<br />&nbsp;&nbsp; 2.1 if(widget.getValue(&quot;id&quot;))表示如果ID里面填写了内容就继续下面的语句，否则就什么都不做，这就可以解释为什么没填写ID前，显示的是&ldquo;请填写ID&rdquo;<br />&nbsp;&nbsp; 2.2 var url声明了一个变量，这表明请求的API地址。将它的值与我们之前提到的API地址对比一下，发现ID被encodeURI(widget.getValue('id'))替换了。<br />&nbsp;&nbsp; 2.3 widget.getValue('id')是获得设置里面ID的值，这样就可以让模块使用者设置自己的帐号。<br />&nbsp;&nbsp; 2.4 encodeURI()是JS的一个编码函数，这是为了避免有的人ID是中文。<br />&nbsp;&nbsp; 2.5 UWA.Data.getJson(url,callback),这是SOW提供的接口，表示从url这个地址请求JSON格式的数据，并将数据交给callback函数处理。<br /><br />3.让我们继续往下看，找到function callback(json),括号里的json表示将从UWA.Data.getJson(url,callback)得到的JSON数据命名为json。<br />&nbsp;&nbsp; 3.1 var ggstr=''声明一个空字符串<br />&nbsp;&nbsp; 3.2 for(var i=0;i&lt;json.length;i++),一个循环，读取json数组所有的数据。<br />&nbsp;&nbsp; 3.3 ggstr+=json[i].text+&quot;#&quot;,将所有的消息连起来。json[i].text表示第i条消息，并用#隔开，这样就可以分段显示了。<br />&nbsp;&nbsp; 3.3 蓝色的两句就应该非常熟悉了，我们将公告的内容用ggstr代替了，这样显示的就是饭否的消息了。<br /><br />阅读一下这段代码就是：在模块加载（widget.onLoad）或刷新（widget.onRefresh）时，如果ID内容不为空if(widget.getValue(&quot;id&quot;))，则请求一个地址为url的API返回json格式的数据（UWA.Data.getJson(url,callback)），并将返回的数据里面的饭否消息用#连起来（ggstr+=json[i].text+&quot;#&quot;），最后在Flash里面显示出来。<br /><br />小结：<br />本篇简单的介绍了一个JSON，以及JSON在SOW模块中的使用方法。这四篇文章完成了两个模块的制作，一个公告板，一个饭否插件。至此，SOW模块制作的讲解就结束了。在下一篇，也是最后一篇会讲述一下模块发布的相关问题。<br /><br /><br /><div style="font-weight: bold;">我的相关日志：</div><br />2008-07-26&nbsp;|&nbsp;<a href="http://icyflash.blog.sohu.com/95555142.html" target="_blank" title="Step by step:搜狐开放模块制作入门(三)">Step by step:搜狐开放模块制作入门(三)</a><br />2008-07-25&nbsp;|&nbsp;<a href="http://icyflash.blog.sohu.com/95501827.html" target="_blank" title="Step by step:搜狐开放模块制作入门(二)">Step by step:搜狐开放模块制作入门(二)</a><br />2008-07-24&nbsp;|&nbsp;<a href="http://icyflash.blog.sohu.com/95453511.html" target="_blank" title="Step by step:搜狐开放模块制作入门(一)">Step by step:搜狐开放模块制作入门(一)</a><br /><br /><br />]]></description>
		</item>
		    
		
		<item>
			<title>Step by step:搜狐开放模块制作入门(三)</title>
			<link>http://icyflash.blog.sohu.com/95555142.html</link>
			<comments>http://icyflash.blog.sohu.com/95555142.html#comment</comments>
			<dc:creator>Icyflash</dc:creator>
			<pubDate>Sat, 26 Jul 2008 01:02:44 +0800</pubDate>
			<category>推荐</category>
			<guid>http://icyflash.blog.sohu.com/95555142.html</guid>
			<description><![CDATA[希望你看到这篇教程时，你跟着前面两篇教程制作的公告板模块还在。那样，你就不用做什么准备工作了，不然，你只有返回去再看看前两篇。这一篇主要涉及模块设置和一些简单的JS代码。<br /><span style="color: rgb(255, 0, 0);">*建议你打开</span><a href="http://ow.blog.sohu.com/guide" target="_blank">SOW帮助文档</a><span style="color: rgb(255, 0, 0);">，这将有利于你去理解本篇教程的内容。</span><br /><br />首先让我们回顾一下<a href="http://icyflash.blog.sohu.com/95501827.html" target="_blank">第二篇</a>中制作公告模块的过程：我们先将Flash代码中的文字修改为自己想要的，然后将它做为模块。这就带来了一个问题，当我们想修改公告的时候怎么办？在现在的情况下，我们只有再次修改代码。这样无疑是很不方便的，特别是对于模块使用者（这时候，你得提醒自己，你处于开发者的位置）来说，他们不具备修改代码的权限，很显然这个模块不具备实用性。为了让所有人都能方便的使用，我们该怎么办呢？很幸运的，SOW提供了&ldquo;参数设置&rdquo;这一功能，我们将利用&ldquo;参数设置&rdquo;来让我们的模块具备通用性。<br /><br />参数设置与JS是紧密联系的。在这里（<a href="http://www.w3school.com.cn/js/js_intro.asp" target="_blank">http://www.w3school.com.cn/js/js_intro.asp</a>）你可以学到JS的许多知识，但事实上，在我本人制作模块的过程中，我只用到了JS的几样东西。<br /><div style="margin-left: 40px;"><span style="color: rgb(255, 0, 0);">var定义变量</span><br /><span style="color: rgb(255, 0, 0);">function定义函数</span><br /><span style="color: rgb(255, 0, 0);">if..else..条件判断</span><br /></div><br />参数设置没了相对应的JS就毫无用处，但JS却不需要参数设置的支撑（我为什么这么说在后面就会知道了）。所以在接触参数设置之前，我们先来接触一下JS。<br /><br /><font style="color: rgb(255, 0, 0);" size="5"><span style="font-family: 黑体;">一、JS初识</span></font><br />1.打开公告模块的编辑页面（如果忘了怎么去打开，回到第二篇去看看）。<br /><br />2.在&lt;head&gt;和&lt;/head&gt;之间添加如下代码。<br /><div style="margin-left: 40px;">&lt;script type=&quot;text/javascript&quot;&gt;<br />&lt;![CDATA[<br />widget.onLoad = function() {<br />&nbsp;&nbsp; &nbsp;var str='';<br />&nbsp;&nbsp; &nbsp;widget.setBody(str);<br />}<br />]]&gt;<br />&lt;/script&gt;<br /></div>3.将&lt;body&gt;和&lt;/body&gt;之间的代码剪切到之间str='和'之间。<br /><img src="http://1833.img.pp.sohu.com.cn/images/blog/2008/7/26/0/17/11c00fe733ag213.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br />4.保存，并刷新你的博客看下效果。<br /><img src="http://1871.img.pp.sohu.com.cn/images/blog/2008/7/25/13/29/11bfead1af6g213.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br />模块看起来似乎没有什么变化呀。此时，也许有人要问了，在前面不是说过，模块显示的内容不是&lt;body&gt;和&lt;/body&gt;之间内容吗？但现在&lt;body&gt;和&lt;/body&gt;之间已经是空的了，模块还是显示出东西来了。很显然是我们在&lt;head&gt;与&lt;/head&gt;之间的东西在起作怪了。下面，我们就对它进行分析。<br /><br /><font style="color: rgb(255, 0, 0);" size="5"><span style="font-family: 黑体;">二、JS分析</span></font><br />这是我们添加的代码，它就是一段JS代码。<br /><div style="margin-left: 40px;"><span style="color: rgb(255, 0, 0);">&lt;script type=&quot;text/javascript&quot;&gt;</span><br /><span style="color: rgb(255, 0, 0);">&lt;![CDATA[</span><br />widget.onLoad＝widget.onRefresh = function() {<br />&nbsp;&nbsp; &nbsp;<span style="color: rgb(0, 0, 255);">var str='&lt;embed width=&quot;220&quot; height=&quot;160&quot; wmode=&quot;transparent&quot; flashvars=&quot;Txt=你好#今天天气不错#中国加油&quot; src=&quot;http://img56.imageshack.us/img56/1163/23013575xo8.swf&quot; type=&quot;application/x-shockwave-flash&quot;/&gt;'</span>;<br />&nbsp;&nbsp; &nbsp;widget.setBody(str);<br />}<br /><span style="color: rgb(255, 0, 0);">]]&gt;</span><br /><span style="color: rgb(255, 0, 0);">&lt;/script&gt;</span><br /></div>1.<span style="color: rgb(255, 0, 0);">红色</span>的部分就是Javascript声明，添加JS代码时，我们必需加上它。<br /><br />2.widget.onLoad是SOW提供的接口，表示模块加载（就是我们打开页面时，模块显示出来的过程）。<br /><br />3.widget.onRefresh是SOW提供的接口，表示模块刷新（就是我们点模块的刷新或者更新设置）。<br /><br />4.function(){}就是函数了。widget.onLoad＝widget.onRefresh = function()之间的等号表示这个函数在模块加载或者刷新时运行。<br /><br />5.再让我们看看函数的具体内容。<br />&nbsp;&nbsp; 5.1.看那段<span style="color: rgb(0, 0, 255);">蓝色</span>的代码，它声明了一个变量str，str的值为&lt;embed width=&quot;220&quot; height=&quot;160&quot; wmode=&quot;transparent&quot; flashvars=&quot;Txt=你好#今天天气不错#中国加油&quot; src=&quot;http://img56.imageshack.us/img56/1163/23013575xo8.swf&quot; type=&quot;application/x-shockwave-flash&quot;/&gt;<br />&nbsp;&nbsp; 5.2.widget.setBody(str)也是SOW提供的接口，表示将&lt;body&gt;和&lt;/body&gt;的内容设为变量str的值。<br /><br />让我们来阅读一下这段代码：在模块加载时（widget.onLoad）或者刷新时（widget.onRefresh）将&lt;body&gt;和&lt;/body&gt;的内容设为变量str的值（widget.setBody(str)）。<br />这样就能解释为什么在代码中&lt;body&gt;和&lt;/body&gt;的内容为空，但模块还能正常显示了，正是因为这段代码将内容插入到&lt;body&gt;里面。<br /><br />接触过了JS，我们就要开始了解我们的参数设置了，这才是我们的模块需要的东西。<br /><br /><font style="color: rgb(255, 0, 0);" size="5"><span style="font-family: 黑体;">三、参数设置</span></font><br />SOW提供了几种参数设置，具体可以看这里（<a href="http://ow.blog.sohu.com/guide#13" target="_blank">http://ow.blog.sohu.com/guide#13</a>）。对于我们来说，现在只需要一个可以设置公告内容的文本框。<br />1.在&lt;script type=&quot;text/javascript&quot;&gt;的上面添加<br /><div style="margin-left: 40px;">&lt;widget:preferences&gt;<br />&nbsp;&nbsp; &lt;preference type=&quot;text&quot; label=&quot;公告&quot; name=&quot;gonggao&quot; /&gt;<br />&lt;/widget:preferences&gt;<br /><br /></div>2.保存，刷新你的博客。<br /><br />3.点击模块的&ldquo;设置&rdquo;，多了一个&ldquo;公告&rdquo;的设置。<br /><img src="http://1861.img.pp.sohu.com.cn/images/blog/2008/7/26/0/25/11c01064714g214.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br />但现在它是不起作用的（你可以试着输入些东西点保存），我们要用JS来控制它起作用。按照我们的本意，我们是要用这个设置栏来设置公告的内容，也就是代码中 <span style="color: rgb(255, 0, 0);">你好#今天天气不错#中国加油</span> 这段话。<br /><br />4.将代码中的 <span style="color: rgb(255, 0, 0);">你好#今天天气不错#中国加油</span> 替换为 <span style="color: rgb(255, 0, 0);">'+widget.getValue(&quot;gonggao&quot;)+'</span>，widget.getValue(name)是SOW提供的接口，专门用来获取参数设置的值。这里的gonggao即为上面代码中name=&quot;gonggao&quot;中的gonggao。<br /><img src="http://1814.img.pp.sohu.com.cn/images/blog/2008/7/26/0/23/11c0104447cg214.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br />5.保存，刷新你的博客。<br /><br />6.打开模块的&ldquo;设置&rdquo;，在&ldquo;公告&rdquo;里面填上 <span style="color: rgb(255, 0, 0);">大家好#今天好热#奥运加油</span><br /><br />7.保存。看，起作用了。<br /><img src="http://1861.img.pp.sohu.com.cn/images/blog/2008/7/26/0/28/11c0108adc2g214.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br /><br /><font style="color: rgb(255, 0, 0);" size="5"><span style="font-family: 黑体;">小结：</span></font><br />本篇是主要是针对模块的参数设置，结合部分SOW接口，讲述了一些JS。事实上，大多数功能是由SOW提供的接口实现的，并未写多少JS代码。到现在，一个实用的公告模块就完成了。在下一篇，将会讲述一些JSON内容。<br /><br /><div style="font-weight: bold;">我的相关日志：</div><br />2008-07-26&nbsp;|&nbsp;<a href="http://icyflash.blog.sohu.com/95555142.html" target="_blank" title="Step by step:搜狐开放模块制作入门(三)">Step by step:搜狐开放模块制作入门(三)</a><br />2008-07-25&nbsp;|&nbsp;<a href="http://icyflash.blog.sohu.com/95501827.html" target="_blank" title="Step by step:搜狐开放模块制作入门(二)">Step by step:搜狐开放模块制作入门(二)</a><br />2008-07-24&nbsp;|&nbsp;<a href="http://icyflash.blog.sohu.com/95453511.html" target="_blank" title="Step by step:搜狐开放模块制作入门(一)">Step by step:搜狐开放模块制作入门(一)</a><br /><br /><br />]]></description>
		</item>
		    
		
		<item>
			<title>Step by step:搜狐开放模块制作入门(二)</title>
			<link>http://icyflash.blog.sohu.com/95501827.html</link>
			<comments>http://icyflash.blog.sohu.com/95501827.html#comment</comments>
			<dc:creator>Icyflash</dc:creator>
			<pubDate>Fri, 25 Jul 2008 14:10:13 +0800</pubDate>
			<category>推荐</category>
			<guid>http://icyflash.blog.sohu.com/95501827.html</guid>
			<description><![CDATA[在<a href="http://icyflash.blog.sohu.com/95453511.html" target="_blank">上一篇</a>对环境的熟悉中，用一个简单的模块对其进行了测试。现在就转过头去对模块的代码进行分析。<br /><br /><span style="color: rgb(255, 0, 0);">*在进行这一篇的学习之前，请确保你已经把上一篇的内容完成了。也就是说，在你的博客内，现在应该有一个测试模块，显示成下面这个样子；</span><span style="color: rgb(255, 0, 0);">如果没有，请回到</span><a href="http://icyflash.blog.sohu.com/95453511.html" target="_blank">第一篇</a><span style="color: rgb(255, 0, 0);">完成它。</span><br /><img src="http://1841.img.pp.sohu.com.cn/images/blog/2008/7/24/21/21/11bfb36d38eg215.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br /><span style="color: rgb(255, 0, 0);"></span><br /><span style="color: rgb(255, 0, 0);">*强烈推荐你同时打开这两个网页</span><a href="http://ow.blog.sohu.com/guide" target="_blank">（一）</a><span style="color: rgb(255, 0, 0);"> </span><a href="http://www.w3school.com.cn/html/html_intro.asp" target="_blank">（二）</a><span style="color: rgb(255, 0, 0);">，以便随时查询不明白的地方。</span><br /><br /><font style="font-family: 黑体; color: rgb(255, 0, 0);" size="5">一、SOW模块代码结构</font><br />现在，来看看我们昨天写的代码（注，我只是结合SOW，针对部分HTML进行讲解。HTML的知识我不可能三言两语的给你讲清楚，如果你有不明白的或想深入学习，可以看一下<a href="http://www.w3school.com.cn/html/html_intro.asp" target="_blank">这里</a>）<br /><div style="margin-left: 40px;"><span style="color: rgb(0, 0, 255);">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span><br /><span style="color: rgb(0, 0, 255);">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; </span><br /><span style="color: rgb(0, 0, 255);">&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;</span><br />&lt;html <span style="color: rgb(0, 0, 255);">xmlns=&quot;http://www.w3.org/1999/xhtml&quot; </span><br /><span style="color: rgb(0, 0, 255);">xmlns:widget=&quot;http://www.netvibes.com/ns/&quot;</span>&gt;<br />&lt;head&gt;<br /><span style="color: rgb(255, 0, 0);">&lt;title&gt;Hello&lt;/title&gt;</span><br /><span style="color: rgb(0, 204, 255);">&lt;meta name=&quot;author&quot; content=&quot;Icyflash&quot; /&gt;</span><br />&lt;/head&gt;<br /><span style="color: rgb(255, 0, 0);">&lt;body&gt;</span><br /><span style="color: rgb(255, 0, 0);">Hello World!</span><br /><span style="color: rgb(255, 0, 0);">&lt;/body&gt;</span><br />&lt;/html&gt;<br /></div><br />1.其中<span style="color: rgb(0, 0, 255);">蓝色</span>的部分都是一些文档标准的声明，那是制作SOW模块必需添加的东西。（去掉这些东西，剩下的就是一个标准的HTML文档了）<br /><br />2.<span style="color: rgb(0, 204, 255);">&lt;meta name=&quot;author&quot; content=&quot;Icyflash&quot; /&gt;</span>是声明作者的，也是SOW模块必需的，我将在以后对它进行说明。（你可以将Icyflash改为你自己的名字）<br /><br />3.在这里，我们主要关心<span style="color: rgb(255, 0, 0);">红色</span>的那几句。让我们结合这个模块的显示效果看一下。<br /><img src="http://1851.img.pp.sohu.com.cn/images/blog/2008/7/25/13/25/11bfea93d58g213.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br />&nbsp;&nbsp;&nbsp; &lt;title&gt;&lt;/title&gt;包围的就是标题了。<br />&nbsp;&nbsp;&nbsp; &lt;body&gt;&lt;/body&gt;包围的就是显示的内容。<br /><br />4.让我们来对之前的代码进行小小的修改。<br />&nbsp; 4.1 进入<a href="http://sow.appspot.com/" target="_blank">http://sow.appspot.com/</a>，使用你的Google帐号进行登录，你将直接进入[<span style="color: rgb(255, 0, 0);">模块列表</span>]页面。点击<span style="color: rgb(255, 0, 0);"></span>&quot;<span style="color: rgb(255, 0, 0);">编辑</span>&quot;，进入[<span style="color: rgb(255, 0, 0);">编辑模块</span>]页面<br /><img src="http://1814.img.pp.sohu.com.cn/images/blog/2008/7/25/13/25/11bfea9d29ag213.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br />&nbsp; 4.2 修改一下代码，然后点击&ldquo;<span style="color: rgb(255, 0, 0);">提交查询</span>&rdquo;<br /><img src="http://1871.img.pp.sohu.com.cn/images/blog/2008/7/25/13/26/11bfeaa2182g215.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br /><br />5.将你的博客<span style="color: rgb(255, 0, 0);">刷新</span>一下，看看测试模块变了没有。<br /><img src="http://1851.img.pp.sohu.com.cn/images/blog/2008/7/25/13/26/11bfeaa8b52g213.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br /><br /><span style="color: rgb(255, 0, 0);">*在模块制作中，我们主要只关注的就是这两个地方：&lt;title&gt;标题&lt;/title&gt;，&lt;body&gt;内容&lt;/body&gt;</span><br />下面，我们就来制作一个Flash的模块。<br /><br /><font style="font-family: 黑体; color: rgb(255, 0, 0);" size="5">二、Flash公告模块</font><br />相信喜欢装饰博客的朋友经常会在博客里面加一些Flash。而也有一些热心的朋友搜集了许多漂亮或功能强大的Flash，他们通常都会给出一段代码，让你复制到个人档案中。<br />但这样做有一个缺点，那就是个人档案模块只能添加一个，就只能在个人档案模块所在的页面显示，想在其他页面显示就没办法了。可有了SOW模块，这个问题就可以轻松解决了，因为SOW模块是可以无限添加的。<br /><br />现在，我将带领你将制作一个Flash公告板模块。<br /><embed  id="4530_1216966213767"  src="/flash/embedloader.swf"  quality="high" width="400" height="50" allowScriptAccess="sameDomain"  type="application/x-shockwave-flash" flashVars="elmtId=4530_1216966213767&paramStr=+wmode%3D%22transparent%22+flashvars%3D%22Txt%3D%B5%DA%D2%BB%B6%CE%BB%B0%CE%C4%D7%D6%23%B5%DA%B6%FE%B6%CE%BB%B0%CE%C4%D7%D6%22++src%3D%22http%3A%2F%2Fimg56.imageshack.us%2Fimg56%2F1163%2F23013575xo8.swf%22++type%3D%22application%2Fx-shockwave-flash%22+height%3D%22160%22+width%3D%22220%22"  pluginspage="http://www.macromedia.com/go/getflashplayer"  /><br /><span style="color: rgb(255, 0, 0);">*这个Flash公告板是搜狐博客主题设计师</span><a style="color: rgb(255, 0, 0);" href="http://sopipi.blog.sohu.com/" target="_blank">so皮皮</a><span style="color: rgb(255, 0, 0);">制作的，她不仅做了许多漂亮的</span><a style="color: rgb(255, 0, 0);" href="http://ow.blog.sohu.com/zone/0/user?p=eHl5MTk4N0Bzb2dvdS5jb20=" target="_blank">主题</a><span style="color: rgb(255, 0, 0);">，还制作了许多精美的</span><a style="color: rgb(255, 0, 0);" href="http://sopipi.blog.sohu.com/entry/6506282/" target="_blank">flash装饰</a><span style="color: rgb(255, 0, 0);">。</span><br /><br />1.Flash代码<br />&lt;embed width=&quot;220&quot; height=&quot;160&quot; wmode=&quot;transparent&quot; flashvars=&quot;Txt=<span style="color: rgb(255, 0, 0);">第一段话文字#第二段话文字</span>&quot; src=&quot;http://img56.imageshack.us/img56/1163/23013575xo8.swf&quot; type=&quot;application/x-shockwave-flash&quot;/&gt;<br /><br />2.将Flash代码中的&ldquo;第一段话文字#第二段话文字&rdquo;改为你自己想说的话，如果你还有第三段、第四段话，直接用<span style="color: rgb(255, 0, 0);">#</span>将它们隔开就可以了。<br /><br />3.继续编辑我们之前的那个模块。将&lt;title&gt;与&lt;/title&gt;之间改为你想要的标题，比如&ldquo;公告板&rdquo;之类的。 将&lt;body&gt;与&lt;/body&gt;之间改为你修改后的Flash代码。<img src="http://1851.img.pp.sohu.com.cn/images/blog/2008/7/25/13/28/11bfeac93a6g214.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br />4.提交，刷新你的博客，看到新的模块了吗。<br /><img src="http://1871.img.pp.sohu.com.cn/images/blog/2008/7/25/13/29/11bfead1af6g213.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br /><br /><font style="font-family: 黑体; color: rgb(255, 0, 0);" size="5">小结</font><font style="font-family: 黑体; color: rgb(255, 0, 0);" size="5">：</font><br />这一篇主要介绍了SOW模块代码的大体结构，分析SOW模块制作关注的重点地方（<span style="color: rgb(255, 0, 0);">&lt;title&gt;标题&lt;/title&gt;，&lt;body&gt;内容&lt;/body&gt;</span>）。通过这两篇的学习，相信大家可以自己动手做一些Flash相关的模块了。你可以找一些FLASH的代码，然后在[<span style="color: rgb(255, 0, 0);">模块列表</span>]页面点击&rdquo;<span style="color: rgb(255, 0, 0);">添加模块</span>&ldquo;，按照前面介绍的自己做一个FLASH模块。在下一篇，将对现在的公告板进行改造，使它功能更加强大，这将涉及到模块的设置和一些JS知识。<br /><br /><br /><div style="font-weight: bold;">我的相关日志：</div><br />2008-07-24&nbsp;|&nbsp;<a href="http://icyflash.blog.sohu.com/95453511.html" target="_blank" title="Step by step:搜狐开放模块制作入门(一)">Step by step:搜狐开放模块制作入门(一)</a><br /><br /><br /></embed>]]></description>
		</item>
		    
		
		<item>
			<title>Step by step:搜狐开放模块制作入门(一)</title>
			<link>http://icyflash.blog.sohu.com/95453511.html</link>
			<comments>http://icyflash.blog.sohu.com/95453511.html#comment</comments>
			<dc:creator>Icyflash</dc:creator>
			<pubDate>Sat, 2 Aug 2008 21:36:48 +0800</pubDate>
			<category>推荐</category>
			<guid>http://icyflash.blog.sohu.com/95453511.html</guid>
			<description><![CDATA[一个模块根据它的功能可能会涉及到许多的知识。对于最简单的模块，你需要了解HTML；稍微复杂点，你可能还需要去了解CSS，Javascript(JS)等方面的知识；再复杂点，你还得去了解XML，JSON等数据方面的知识；再深入，就涉及到服务端编程，比如ASP.NET,PHP,JSP等等。<br />本文假设你从未接触过以上知识，从易到难，带你逐步接触HTML、JS、JSON的一些简单知识，制作出一个实用的搜狐模块。<br />本文基于<a href="http://ow.blog.sohu.com/guide" target="_blank">SOW帮助文档</a>写作。<br /><br /><font style="font-family: 黑体; color: rgb(255, 0, 0);" size="5">一、准备工作</font><br />开发环境：一切可供输入的程序，比如系统自带的记事本，WORD。<br />运行环境：搜狐模块需要放在互联网可以访问到的空间。我写了一个程序供大家放置模块，将在下面详细介绍使用方法。<br /><br /><font style="font-family: 黑体; color: rgb(255, 0, 0);" size="5">二、运行环境使用</font><br />1.首先确保你有一个Google帐号。如果有，请进入第2步；如果没有，请点击<a href="https://www.google.com/accounts/NewAccount?continue=http%3A%2F%2Fwww.google.cn%2F&hl=zh-CN" target="_blank">这里</a>注册。<br /><br />2.进入<a href="http://sow.appspot.com/" target="_blank">http://sow.appspot.com/</a>，使用你的Google帐号进行登录。<br /><br />3.你是首次进入，将会直接转到[<span style="color: rgb(255, 0, 0);">添加模块</span>]页面。请在<span style="color: rgb(255, 0, 0);">Name</span>（模块名称）填上模块名（任意填你喜欢的即可），在<span style="color: rgb(255, 0, 0);">Content<span></span></span>（模块代码）里面填写以下代码。<br /><div style="margin-left: 40px; background-color: rgb(51, 153, 255);"><span style="color: rgb(255, 255, 0);">&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;</span><br /><span style="color: rgb(255, 255, 0);">&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; </span><br /><span style="color: rgb(255, 255, 0);">&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;</span><br /><span style="color: rgb(255, 255, 0);">&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; </span><br /><span style="color: rgb(255, 255, 0);">xmlns:widget=&quot;http://www.netvibes.com/ns/&quot;&gt;</span><br /><span style="color: rgb(255, 255, 0);">&lt;head&gt;</span><br /><span style="color: rgb(255, 255, 0);">&lt;title&gt;Hello&lt;/title&gt;</span><br /><span style="color: rgb(255, 255, 0);">&lt;meta name=&quot;author&quot; content=&quot;Icyflash&quot; /&gt;</span><br /><span style="color: rgb(255, 255, 0);">&lt;/head&gt;</span><br /><span style="color: rgb(255, 255, 0);">&lt;body&gt;</span><br /><span style="color: rgb(255, 255, 0);">Hello World!</span><br /><span style="color: rgb(255, 255, 0);">&lt;/body&gt;</span><br /><span style="color: rgb(255, 255, 0);">&lt;/html&gt;</span><br /></div><img src="http://1814.img.pp.sohu.com.cn/images/blog/2008/7/24/21/16/11bfb323070g214.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br />4.填好后，点击&ldquo;<span style="color: rgb(255, 0, 0);">提交查询</span>&rdquo;按钮，你将进入[<span style="color: rgb(255, 0, 0);">模块列表</span>]页面，在这里你可以看到你刚才建好的模块。<br /><img src="http://1833.img.pp.sohu.com.cn/images/blog/2008/7/24/21/15/11bfb314c5eg215.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br />看到那个地址了吗，那就是模块的地址。下面，我们将对这个模块进行测试，看它是否运行正常。<br /><br /><font style="font-family: 黑体; color: rgb(255, 0, 0);" size="5">三、模块测试</font><br />1.在自己的博客添加&ldquo;测试模块&rdquo;。在你自己的博客地址后加上?3rddev=true进行访问,在&ldquo;<span style="color: rgb(255, 0, 0);">添加模块</span>&rdquo;就会多出测试模块。<br /><img src="http://1851.img.pp.sohu.com.cn/images/blog/2008/7/24/21/16/11bfb325e65g213.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><img src="http://1834.img.pp.sohu.com.cn/images/blog/2008/7/24/21/19/11bfb350b41g213.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br />2.添加好后，在测试模块的&ldquo;<span style="color: rgb(255, 0, 0);">设置</span>&rdquo;里面的&ldquo;<span style="color: rgb(255, 0, 0);">地址</span>&rdquo;填上之前在模块列表里面的模块地址（即二.4得到的）。<br /><img src="http://1841.img.pp.sohu.com.cn/images/blog/2008/7/24/21/19/11bfb348d1cg215.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br />3.点&ldquo;<span style="color: rgb(255, 0, 0);">保存</span>&rdquo;。如果出现以下内容，说明测试成功了。<br /><img src="http://1841.img.pp.sohu.com.cn/images/blog/2008/7/24/21/21/11bfb36d38eg215.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /><br /><br /><font style="font-family: 黑体; color: rgb(255, 0, 0);" size="5">小结：<br /></font>这一篇主要是对环境进行测试，并实现SOW帮助文档的Hello World模块。在下一篇，将对模块进行讲解，并制作一个FLASH的公告模块，这将涉及到一些HTML的知识。在这之前，如果你有兴趣，你可以看看<a href="http://www.w3school.com.cn/html/html_intro.asp" target="_blank">http://www.w3school.com.cn/html/html_intro.asp</a>，了解一下HTML。<br /><br /><br /><div style="font-weight: bold;">我的相关日志：</div><br />2008-07-25&nbsp;|&nbsp;<a href="http://icyflash.blog.sohu.com/95501827.html" target="_blank" title="Step by step:搜狐开放模块制作入门(二)">Step by step:搜狐开放模块制作入门(二)</a><br />2008-07-24&nbsp;|&nbsp;<a href="http://icyflash.blog.sohu.com/95453511.html" target="_blank" title="Step by step:搜狐开放模块制作入门(一)">Step by step:搜狐开放模块制作入门(一)</a><br /><br /><br />]]></description>
		</item>
		    
		
		<item>
			<title>搜狐山寨版？</title>
			<link>http://icyflash.blog.sohu.com/94162659.html</link>
			<comments>http://icyflash.blog.sohu.com/94162659.html#comment</comments>
			<dc:creator>Icyflash</dc:creator>
			<pubDate>Thu, 10 Jul 2008 15:00:54 +0800</pubDate>
			<category>推荐</category>
			<guid>http://icyflash.blog.sohu.com/94162659.html</guid>
			<description><![CDATA[昨天安装东西中不幸SVCHOST被挂了马，在网上苦寻解救方案时，无意中发现一BSP－－东方博客（blog2.cnool.net）。顿时被电到，请看下图：<br /><a href="http://pp.sohu.com/photoview-208995447-19709963.html" target="_blank"><img src="http://1851.img.pp.sohu.com.cn/images/2008/7/10/14/18/11bb128e1adg215.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /></a>今天把马清完后，又找到这个网站仔细的看了下。因为注册是实名制，所以没注册，只是看了下管理员博客里的一些东西。直接上图：<br /><a href="http://pp.sohu.com/photoview-208995349-19709963.html" target="_blank"><img src="http://1841.img.pp.sohu.com.cn/images/2008/7/10/14/17/11bb12881feg215.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /></a><a href="http://pp.sohu.com/photoview-208995338-19709963.html" target="_blank"><img src="http://1834.img.pp.sohu.com.cn/images/2008/7/10/14/17/11bb1287613g215.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /></a><a href="http://pp.sohu.com/photoview-208995322-19709963.html" target="_blank"><img src="http://1871.img.pp.sohu.com.cn/images/2008/7/10/14/17/11bb1286709g215.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /></a>还有不少比搜狐强大的功能，请看图：<br /><a href="http://pp.sohu.com/photoview-208995286-19709963.html" target="_blank"><img src="http://1861.img.pp.sohu.com.cn/images/2008/7/10/14/17/11bb127dbf4g213.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /></a><a href="http://pp.sohu.com/photoview-208995264-19709963.html" target="_blank"><img src="http://1861.img.pp.sohu.com.cn/images/2008/7/10/14/17/11bb127c57cg213.jpg" style="margin: 0px auto 10px; display: block; text-align: center;" alt="" border="0" /></a><br /><br /><br />]]></description>
		</item>
		    
		
		<item>
			<title>主题－－GreenyGrass</title>
			<link>http://icyflash.blog.sohu.com/91309953.html</link>
			<comments>http://icyflash.blog.sohu.com/91309953.html#comment</comments>
			<dc:creator>Icyflash</dc:creator>
			<pubDate>Sat, 28 Jun 2008 11:17:26 +0800</pubDate>
			<category>推荐</category>
			<guid>http://icyflash.blog.sohu.com/91309953.html</guid>
			<description><![CDATA[主题：GreenyGrass<img src="http://1802.img.pp.sohu.com.cn/images/blog/2008/6/28/1/22/11b7076ad03.jpg" style="margin: 0px 0px 10px 10px; float: right;" alt="" border="0" /><br />地址：<a href="http://ow.blog.sohu.com/theme/28629" target="_blank">http://ow.blog.sohu.com/theme/28629</a><br /><br />才发现只能使用背景图，不能自定义背景色。。。<br />再次废话一句，何时能放开点CSS呢。。<br />]]></description>
		</item>
		    
		
		<item>
			<title>学院的毕业生纪念徽章</title>
			<link>http://icyflash.blog.sohu.com/90635480.html</link>
			<comments>http://icyflash.blog.sohu.com/90635480.html#comment</comments>
			<dc:creator>Icyflash</dc:creator>
			<pubDate>Fri, 20 Jun 2008 16:13:31 +0800</pubDate>
			<category>随笔</category>
			<guid>http://icyflash.blog.sohu.com/90635480.html</guid>
			<description><![CDATA[<p>刚参加完毕业典礼，一人一张纪念光盘。在上次毕业晚会的时候每人发了一个刻有自己名字的徽章，蛮漂亮的，今天在光盘里看到了图片。</p>
<p>左上角的SCHOOL OF MECHANICAL AND ELECTRONIC ENGINEERING&nbsp;代表机电工程学院</p>
<p>中间的白色线条是我们学院大楼的轮廓</p>
<p>中间的JD是我们学院中文简称&ldquo;机电&rdquo;的拼音缩写&nbsp;</p>
<p>&nbsp;</p>
<p><img style="FLOAT: left; MARGIN: 0px 10px 10px 0px" alt="" src="http://1812.img.pp.sohu.com.cn/images/blog/2008/6/20/16/4/11b4a26acd1.jpg" border="0" /></p>]]></description>
		</item>
		    
		
	</channel>
</rss>
