<?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>菠萝筐 &#187; WP插件</title>
	<atom:link href="http://www.blook.org.cn/category/wordpress/wordpress-plugins/feed" rel="self" type="application/rss+xml" />
	<link>http://www.blook.org.cn</link>
	<description>菠萝筐，网罗网络精华！</description>
	<lastBuildDate>Wed, 28 Jul 2010 15:33:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>WP-MulticolLinks 让你的友情链接分栏显示</title>
		<link>http://www.blook.org.cn/1576.htm</link>
		<comments>http://www.blook.org.cn/1576.htm#comments</comments>
		<pubDate>Fri, 30 Apr 2010 04:52:42 +0000</pubDate>
		<dc:creator>菠萝</dc:creator>
				<category><![CDATA[WP插件]]></category>

		<guid isPermaLink="false">http://www.blook.org.cn/?p=1576</guid>
		<description><![CDATA[菠萝今天找点空弄一下WordPress主题，总感觉友情链接一栏显示有点像臭婆娘的裹脚，又长又难看，就想把这个弄成多栏显示，在博客联盟群喊了 一嗓子，没想到一会就有了回声，HzlzH同学告诉我这个WP-MulticolLinks插件可以实现，就下载来用了，下面是转自WP- MulticolLinks原创作者M12的插件资料： 插件简介: 在侧边栏显示以多栏的布局显示友情链接。 你可以限制显示链接的数量，在单栏和多栏之间随意切换。并且可以对链接进行排序或随机排列。还可以使用“显示全部”的按钮。 适用版本: WordPress 2.2 或以上 插件下载: Download 安装方法: 1. 将压缩包解压到 {WordPress 根目录}/wp-content/plugins/ 2. 登录你的 WordPress 后台, 到 Plugins 页面激活插件 WP-MulticolLinks 3. 这里有两种添加方法: (1) 到 Design -&#62; Widget, 将控件 WP-MulticolLinks 添加到你的侧边栏 (2) 打开 sidebar.php, 在适当位置追加以下代码: 1 2 &#60;h3&#62;友情链接&#60;/h3&#62; &#60;ul&#62;&#60;?php wp_multicollinks(); ?&#62;&#60;/ul&#62; 使用参数: 名称 类型 描述 默认值 支持版本 limit 整数 显示的评论数量 5 [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.blook.org.cn/wp-content/uploads/auto_save_image/2010/04/045332J60.png" alt="http://www.blook.org.cn/wp-content/uploads/auto_save_image/2010/04/045332J60.png" /></p>
<p>菠萝今天找点空弄一下WordPress主题，总感觉友情链接一栏显示有点像臭婆娘的裹脚，又长又难看，就想把这个弄成多栏显示，在博客联盟群喊了 一嗓子，没想到一会就有了回声，<a href="http://www.hzlzh.com/" target="_blank">HzlzH同学</a>告诉我这个WP-MulticolLinks插件可以实现，就下载来用了，下面是转自WP- MulticolLinks原创作者M12的插件资料：</p>
<p><strong>插件简介:</strong><br />
在侧边栏显示以多栏的布局显示友情链接。<br />
你可以限制显示链接的数量，在单栏和多栏之间随意切换。并且可以对链接进行排序或随机排列。还可以使用“显示全部”的按钮。</p>
<p><strong>适用版本:</strong><br />
WordPress 2.2 或以上</p>
<p><strong>插件下载:</strong> <a href="http://downloads.wordpress.org/plugin/wp-multicollinks.zip">Download</a></p>
<p><strong>安装方法:</strong><br />
1. 将压缩包解压到 {WordPress 根目录}/wp-content/plugins/<br />
2. 登录你的 WordPress 后台, 到 Plugins 页面激活插件 WP-MulticolLinks<br />
3. 这里有两种添加方法:<br />
(1) 到 Design -&gt; Widget, 将控件 WP-MulticolLinks 添加到你的侧边栏<br />
(2) 打开 <code>sidebar.php</code>, 在适当位置追加以下代码:</p>
<div>
<table>
<tbody>
<tr>
<td>
<pre>1
2
</pre>
</td>
<td>
<pre>&lt;h3&gt;友情链接&lt;/h3&gt;
&lt;ul&gt;&lt;?php wp_multicollinks(); ?&gt;&lt;/ul&gt;</pre>
</td>
</tr>
</tbody>
</table>
</div>
<div><strong>使用参数:</strong></div>
<table>
<thead>
<tr>
<th>名称</th>
<th>类型</th>
<th>描述</th>
<th>默认值</th>
<th>支持版本</th>
</tr>
</thead>
<tbody>
<tr>
<td>limit</td>
<td>整数</td>
<td>显示的评论数量</td>
<td>5</td>
<td>1.0 或以上</td>
</tr>
<tr>
<td>columns</td>
<td>整数</td>
<td>链接的显示列数</td>
<td>1</td>
<td>1.0 或以上</td>
</tr>
<tr>
<td>category</td>
<td>字符串</td>
<td>分类名称</td>
<td>(空串, 显示所有链接)</td>
<td>1.0 或以上</td>
</tr>
<tr>
<td>orderby</td>
<td>字符串</td>
<td>排序对象 (name/url/rating/rand)</td>
<td>name</td>
<td>1.0 或以上</td>
</tr>
<tr>
<td>order</td>
<td>ASC/DESC</td>
<td>排序方法</td>
<td>ASC</td>
<td>1.0 或以上</td>
</tr>
<tr>
<td>navigator</td>
<td>true/false</td>
<td>显示分页导航按钮</td>
<td>true</td>
<td>1.0 或以上</td>
</tr>
</tbody>
</table>
<p>如果是手动添加, 你可以通过上面的参数改变最新评论的显示方式, 例如:<br />
<code>&lt;?php   wp_multicollinks('limit=20&amp;orderby=rand&amp;columns=2'); ?&gt;</code><br />
<code>&lt;?php   wp_multicollinks('category=blogroll&amp;orderby=rand&amp;order=DESC');   ?&gt;</code><br />
<code>&lt;?php wp_multicollinks('limit=20&amp;navigator=false'); ?&gt;</code></p>
<p><strong>插件本地化:</strong><br />
此版本支持英文和简体中文, 其中英文是默认设置. 若要使用简体中文, 请执行以下步骤:<br />
1. 打开 WordPress 根目录的文件 <code>wp-config.php</code>.<br />
2. 查找 <code>define ('WPLANG', '');</code> 并修改为 <code>define ('WPLANG',   'zh_CN');</code>.</p>
<p><strong>更新日志:</strong><br />
<a href="http://wordpress.org/extend/plugins/wp-multicollinks/other_notes/">http://wordpress.org/extend/plugins/wp-multicollinks/other_notes/</a></p>
<p><strong>备注信息:</strong><br />
如果激活插件报错如下:</p>
<blockquote><p>Parse error: syntax error, unexpected T_FUNCTION in   /&#8230;/wp-content/plugins/wp-multicollinks/core.php on line 1</p></blockquote>
<p>请打开 core.php, 把第二行那个空行删了, 或者在第一个 &lt;php 后加个空格, 再尝试激活.</p>
<p>转自: <a href="http://www.neoease.com/wp-multicollinks/">插件发布:   WP-MulticolLinks</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blook.org.cn/1576.htm/feed</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>不用插件实现WordPress自定义日志缩略图的方法</title>
		<link>http://www.blook.org.cn/1103.htm</link>
		<comments>http://www.blook.org.cn/1103.htm#comments</comments>
		<pubDate>Sat, 23 Jan 2010 01:35:20 +0000</pubDate>
		<dc:creator>菠萝</dc:creator>
				<category><![CDATA[WP插件]]></category>
		<category><![CDATA[WP]]></category>

		<guid isPermaLink="false">http://www.blook.org.cn/?p=1103</guid>
		<description><![CDATA[网有已经有很多文章介绍了WordPress缩略图的方法，在此，我继续啰嗦一下，不过也给添加一点新的东西，就是实现缩略图位置当有图片的时候显示图片，没有图片的时候，显示你想显示的东西，比如广告啦什么的。 在你的日志模板文件中找到你要显示图片的地方，把相应的显示图片的代码改成： &#60;?php $image = get_post_meta($post-&#62;ID, 'thumb_image', true); ?&#62;//设定自定义代码的名称 &#60;?php if ( get_post_meta($post-&#62;ID, 'lead_image', true) ) : ?&#62;//执行条件：有图片时候 &#60;div&#62;&#60;img width="336" height="280" src="&#60;?php echo $image; ?&#62;" alt="" /&#62;&#60;/div&#62;//图片样式控制 &#60;?php else : ?&#62;//如果没有图片的话 //这里插入你的图片或广告代码 &#60;?php endif ?&#62; 这段代码中的thumb_image就是你自定义域的名称，在后面的内容里输入你的图片地址就可以了。 附一下WordPress自定义域添加图片方法： 在index.php文件中查找如下这句（根据主题模板不同而稍有不同）： &#60;?php while ( have_posts() ) : the_post() ?&#62; &#60;div id="post-&#60;?php the_ID() ?&#62;"&#62; 我们在其下面添加如下一句： &#60;?php $image = get_post_meta($post-&#62;ID, [...]]]></description>
			<content:encoded><![CDATA[<p>网有已经有很多文章介绍了WordPress缩略图的方法，在此，我继续啰嗦一下，不过也给添加一点新的东西，就是实现缩略图位置当有图片的时候显示图片，没有图片的时候，显示你想显示的东西，比如广告啦什么的。</p>
<p>在你的日志模板文件中找到你要显示图片的地方，把相应的显示图片的代码改成：</p>
<blockquote><p><code>&lt;?php $image = get_post_meta($post-&gt;ID, 'thumb_image', true); ?&gt;//设定自定义代码的名称<br />
&lt;?php if ( get_post_meta($post-&gt;ID, 'lead_image', true) ) : ?&gt;//执行条件：有图片时候<br />
&lt;div&gt;&lt;img width="336" height="280" src="&lt;?php echo $image; ?&gt;" alt="" /&gt;&lt;/div&gt;//图片样式控制<br />
&lt;?php else : ?&gt;//如果没有图片的话<br />
//这里插入你的图片或广告代码<br />
&lt;?php endif ?&gt;</code></p></blockquote>
<p>这段代码中的<code>thumb_image就是你自定义域的名称，在后面的内容里输入你的图片地址就可以了。</code></p>
<p><a rel="attachment wp-att-1104" href="http://www.blook.org.cn/custom-wordpress-thumbnail/attachment/201001231/"><img title="thumbnail wordpress自定义域" src="http://www.blook.org.cn/wp-content/upfiles/2010/01/201001231.png" alt="" width="519" height="329" /></a></p>
<p>附一下WordPress自定义域添加图片方法：</p>
<p>在index.php文件中查找如下这句（根据主题模板不同而稍有不同）：</p>
<p><code>&lt;?php while ( have_posts() ) : the_post() ?&gt;<br />
&lt;div id="post-&lt;?php the_ID() ?&gt;"&gt;</code></p>
<p>我们在其下面添加如下一句：</p>
<p><code>&lt;?php $image = get_post_meta($post-&gt;ID, 'index_image', true); ?&gt;</code></p>
<p>这一句的作用是用来控制自定义字段的设置，在这里我们把自定义字段设置为：index_image。</p>
<p>然后我们在需要插入照片的地方增加如下代码调用自定义字段：</p>
<p><code>&lt;div&gt;&lt;img width="495" src="&lt;?php echo $image; ?&gt;" alt="" /&gt;&lt;/div&gt;</code></p>
<p>其中：</p>
<ul>
<li>代码中的“img width=&#8221;"495”是调用图片的宽度尺寸，请根据你的模板宽度进行调整。</li>
<li>&lt;div&gt;标签是对图片的CSS属性设置。</li>
</ul>
<p>通过上面的几行代码，现在我们可以在撰写新日志时候通过自定义字段对各篇日志的图片进行控制，具体如下：</p>
<p>新建日志，在WordPress后台的自定义字段中填写如下：</p>
<blockquote><p>字段名：index_image<br />
字段值：http://www.saywp.com/postimages/2008/04/test.png</p></blockquote>
<p>其中：</p>
<ul>
<li>字段名：为我们在文章开始设置的名字。</li>
<li>字段值：是你将调用图片的路径。</li>
</ul>
<p>然后点击“添加自定义字段”按钮则可。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blook.org.cn/1103.htm/feed</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>WordPress插件CommentLuv:让你的博客评论也热闹</title>
		<link>http://www.blook.org.cn/942.htm</link>
		<comments>http://www.blook.org.cn/942.htm#comments</comments>
		<pubDate>Tue, 15 Dec 2009 08:12:35 +0000</pubDate>
		<dc:creator>菠萝</dc:creator>
				<category><![CDATA[WP插件]]></category>
		<category><![CDATA[Wordpress插件]]></category>

		<guid isPermaLink="false">http://www.blook.org.cn/?p=942</guid>
		<description><![CDATA[很早就想为大家写这篇文章，只是因为时间太紧，就拖到今天，希望大家理解。本文是向大家介绍并推荐一个WordPress插件CommentLuv，这个插件可以让别人在给你回复的时候添加上自己的最新日志的链接，这样就大大增加了大家回复的积极性，同时也让你的博客热火朝天！ &#62;&#62; 点击下载CommentLuv 上传到plugins目录，之后后台启用，进入设置，找到UommentLuv，就可以打开插件选项设置，根据自己需要设置即可。 设置成功之后，选择“update”更新一下。 之后进入任何一个日志，找到评论框，在评论框下面就会出现： 最终效果如下（大家也可以在下面评论测试）：]]></description>
			<content:encoded><![CDATA[<p>很早就想为大家写这篇文章，只是因为时间太紧，就拖到今天，希望大家理解。本文是向大家介绍并推荐一个WordPress插件CommentLuv，这个插件可以让别人在给你回复的时候添加上自己的最新日志的链接，这样就大大增加了大家回复的积极性，同时也让你的博客热火朝天！</p>
<h2>&gt;&gt; <a title="CommentLuv" href="http://downloads.wordpress.org/plugin/commentluv.zip" target="_blank">点击下载CommentLuv</a></h2>
<p>上传到plugins目录，之后后台启用，进入设置，找到UommentLuv，就可以打开插件选项设置，根据自己需要设置即可。</p>
<p><img class="alignleft size-full wp-image-943" title="wordpress plugin commentluv" src="http://www.blook.org.cn/wp-content/upfiles/2009/12/commentluv1.png" alt="wordpress plugin commentluv" width="729" height="814" /></p>
<p>设置成功之后，选择“update”更新一下。</p>
<p>之后进入任何一个日志，找到评论框，在评论框下面就会出现：</p>
<p><img class="alignnone size-full wp-image-944" title="commentluv" src="http://www.blook.org.cn/wp-content/upfiles/2009/12/commentluv2.png" alt="commentluv" width="410" height="78" /></p>
<p>最终效果如下（大家也可以在下面评论测试）：</p>
<p><img class="alignnone size-full wp-image-945" title="commentluv3" src="http://www.blook.org.cn/wp-content/upfiles/2009/12/commentluv3.png" alt="commentluv3" width="595" height="211" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blook.org.cn/942.htm/feed</wfw:commentRss>
		<slash:comments>80</slash:comments>
		</item>
		<item>
		<title>菠萝筐启用WordPress代码高亮插件wp-syntax</title>
		<link>http://www.blook.org.cn/825.htm</link>
		<comments>http://www.blook.org.cn/825.htm#comments</comments>
		<pubDate>Tue, 27 Oct 2009 01:44:43 +0000</pubDate>
		<dc:creator>菠萝</dc:creator>
				<category><![CDATA[WP插件]]></category>

		<guid isPermaLink="false">http://www.blook.org.cn/pineapple-basket-to-enable-wordpress-plugin-wp-syntax-highlighted-code/</guid>
		<description><![CDATA[Image via Wikipedia 在博友的博客里逛悠，发现很多都加上了代码高亮效果，看起来非常舒服，菠萝一直在找这个功能强大 的代码高亮插件，网上相关的文章和资源也很多，真的不知道该选择哪一个，通过大量比较，我锁定wp-syntax插件，如果你也要下载，就点这里下载! 下面又来了个傻瓜教程： 1、wp-syntax插件安装： 把下载的文件解压，之后上传到wp-content/plugins目录；之后后台启用。 2、wp-syntax使用方法： 需要把编辑框切换到HTML状态，需要用下面格式 &#60;pre lang=&#8221;LANGUAGE&#8221; line=&#8221;1&#8243;&#62;Your Code&#60;/pre&#62; 来展示你的代码，说明： lang=“LANGUAGE”是你要运行的代码语言， “Your Code”是你要高亮显示的代码, line=&#8221;1&#8243;表示代码从第一行开始显示，不写为全部显示。 比如如果你要运行CSS代码，就需要用： &#60;pre lang=&#8221;CSS&#8221; line=&#8221;1&#8243;&#62;这里放你的PHP代码&#60;/pre&#62; 演示： &#60;style type=&#34;text/css&#34;&#62; &#60;!-- .STYLE1 &#123; font-family: Arial, Helvetica, sans-serif; color: #FF00FF; &#125; --&#62; &#60;/style&#62; 支持的语言： abap, actionscript, actionscript3, ada, apache, applescript, aptsources, asm, asp, autoit, avisynth, bash, bf, blitzbasic, bnf, boo, [...]]]></description>
			<content:encoded><![CDATA[<div class="zemanta-img" style="margin: 1em; display: block;">
<div>
<dl class="wp-caption alignleft" style="width: 270px;">
<dt class="wp-caption-dt"><a href="http://commons.wikipedia.org/wiki/Image:HTML.svg"><img title="A graphical despiction of a very simple html d..." src="http://upload.wikimedia.org/wikipedia/commons/thumb/8/84/HTML.svg/266px-HTML.svg.png" alt="A graphical despiction of a very simple html d..." width="260" height="310" /></a></dt>
<dd class="wp-caption-dd zemanta-img-attribution" style="font-size: 0.8em;">Image via <a href="http://commons.wikipedia.org/wiki/Image:HTML.svg">Wikipedia</a></dd>
</dl>
</div>
</div>
<p>在博友的博客里逛悠，发现很多都加上了代码高亮效果，看起来非常舒服，菠萝一直在找这个功能强大 的代码高亮插件，网上相关的文章和资源也很多，真的不知道该选择哪一个，通过大量比较，我锁定wp-syntax插件，如果你也要下载，就点<a href="http://wordpress.org/extend/plugins/wp-syntax/" target="_blank">这里下载</a>!</p>
<p>下面又来了个傻瓜教程：</p>
<p>1、wp-syntax插件安装：</p>
<p>把下载的文件解压，之后上传到wp-content/plugins目录；之后后台启用。</p>
<p>2、wp-syntax使用方法：</p>
<p>需要把编辑框切换到HTML状态，需要用下面格式</p>
<p>&lt;pre lang=&#8221;LANGUAGE&#8221; line=&#8221;1&#8243;&gt;Your Code&lt;/pre&gt;</p>
<p>来展示你的代码，说明：<br />
lang=“LANGUAGE”是你要运行的代码语言，<br />
“Your Code”是你要高亮显示的代码,<br />
line=&#8221;1&#8243;表示代码从第一行开始显示，不写为全部显示。</p>
<p>比如如果你要运行CSS代码，就需要用：</p>
<blockquote><p>&lt;pre lang=&#8221;CSS&#8221; line=&#8221;1&#8243;&gt;这里放你的PHP代码&lt;/pre&gt;</p></blockquote>
<p>演示：</p>

<div class="wp_syntax"><div class="code"><pre class="css" style="font-family:monospace;">&lt;style type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/css&quot;</span><span style="color: #00AA00;">&gt;</span>
&lt;!--
<span style="color: #6666ff;">.STYLE1</span> <span style="color: #00AA00;">&#123;</span>
	<span style="color: #000000; font-weight: bold;">font-family</span><span style="color: #00AA00;">:</span> Arial<span style="color: #00AA00;">,</span> Helvetica<span style="color: #00AA00;">,</span> <span style="color: #993333;">sans-serif</span><span style="color: #00AA00;">;</span>
	<span style="color: #000000; font-weight: bold;">color</span><span style="color: #00AA00;">:</span> <span style="color: #cc00cc;">#FF00FF</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span>
--<span style="color: #00AA00;">&gt;</span>
&lt;/style<span style="color: #00AA00;">&gt;</span></pre></div></div>

<p>支持的语言：</p>
<p>abap, actionscript, actionscript3, ada, apache, applescript, apt<em>sources, asm, asp, autoit, avisynth, bash, bf, blitzbasic, bnf, boo, c, c</em>mac, caddcl, cadlisp, cil, cfdg, cfm, cobol, cpp-qt, cpp, csharp, css, d, dcs, delphi, diff, div, dos, dot, eiffel, email, fortran, freebasic, genero, gettext, glsl, gml, bnuplot, groovy, haskell, hq9plus, html4strict, idl, ini, inno, intercal, io, java, java5, javascript, kixtart, klonec, klonecpp, latex, lisp, locobasic, lolcode lotusformulas, lotusscript, lscript, lsl2, lua, m68k, make, matlab, mirc, modula3, mpasm, mxml, mysql, nsis, oberon2, objc, ocaml-brief, ocaml, oobas, oracle11, oracle8, pascal, per, pic16, pixelbender, perl, php-brief, php, plsql, povray, powershell, progress, prolog, providex, python, qbasic, rails, rebol, reg, robots, ruby, sas, scala, scheme, scilab, sdlbasic, smalltalk, smarty, sql, tcl, teraterm, text, thinbasic, tsql, typoscript, vb, vbnet, verilog, vhdl, vim, visualfoxpro, visualprolog, whitespace, winbatch, xml, xorg_conf, xpp, z80</p>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a class="zemanta-pixie-a" title="Reblog this post [with Zemanta]" href="http://reblog.zemanta.com/zemified/d9de1d06-4243-4f2f-98ba-528be1338267/"><img class="zemanta-pixie-img" style="border: medium none ; float: right;" src="http://img.zemanta.com/reblog_e.png?x-id=d9de1d06-4243-4f2f-98ba-528be1338267" alt="Reblog this post [with Zemanta]" /></a><span class="zem-script more-related pretty-attribution"><script src="http://static.zemanta.com/readside/loader.js" type="text/javascript"></script></span></div>
]]></content:encoded>
			<wfw:commentRss>http://www.blook.org.cn/825.htm/feed</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>WordPress评论嵌套下课 -悬浮显示评论菜鸟教程</title>
		<link>http://www.blook.org.cn/794.htm</link>
		<comments>http://www.blook.org.cn/794.htm#comments</comments>
		<pubDate>Mon, 19 Oct 2009 15:01:11 +0000</pubDate>
		<dc:creator>菠萝</dc:creator>
				<category><![CDATA[WP插件]]></category>
		<category><![CDATA[WP]]></category>

		<guid isPermaLink="false">http://www.blook.org.cn/wordpress-comment-nested-class-is-suspension-show-comment-rookie-tutorial/</guid>
		<description><![CDATA[可以说目前网上很热门而且受关注的WordPress嵌套评论一时风靡网络，很多有技术的博主们纷纷都设置上了嵌套评论，这个功能主要是让评论者容易找到谁评论了谁，实现嵌套的效果，一目了然，演示：万戈博客。 但我用的主题的设计者MG12发布了实现悬浮显示评论的方法，看起来效果还真不错， 菠萝引路&#62;&#62;演示看这里!(这里也有教程，不过有几个地方新博主可能不好理解) 我来把我设置的过程详细介绍一下，尽可能简单，让新博主们也能按教程实现效果： 1、下载 commenttips.js 文件，文件放置到 iNove/js 目录。(我用的是iNove主题) 2、后台编辑你正在使用的主题风格，找到style.css文件编辑，在最后面添加上以下代码： #thecomments .tip { background:#FFF; border:1px solid #CCC; width:605px; padding:10px !important; padding:10px 10px 0; margin-top:0; position:absolute; z-index:3; } #thecomments .tip .act { display:none; } *+html #thecomments .tip { padding:10px 10px 0 !important; } 3、在主题中添加Javascript调用代码，建议代码放在footer.php文件里，我的风格的页脚文件是footer.php，而MG12的是End.php，这个地方可能会让新手发晕，我略作解释。把下面代码放在&#60;/body&#62;前面! &#60;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"&#62;&#60;/script&#62; &#60;script type="text/javascript" src="&#60;?php bloginfo('template_url'); ?&#62;/js/commenttips.js"&#62;&#60;/script&#62; 至此，就实现了你的评论回复内容的悬浮显示!如果还有什么问题，欢迎交流! 你如果有什么好的办法，也欢迎分享!]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="嵌套评论,悬浮@评论" src="http://farm3.static.flickr.com/2630/3987952872_3d6421574d_o.jpg" alt="" width="240" height="160" />可以说目前网上很热门而且受关注的WordPress嵌套评论一时风靡网络，很多有技术的博主们纷纷都设置上了嵌套评论，这个功能主要是让评论者容易找到谁评论了谁，实现嵌套的效果，一目了然，演示：<a href="http://www.life-studio.cn/my-current-job-is-to-find-a-job.html" target="_blank">万戈博客</a>。</p>
<p>但我用的主题的设计者MG12发布了实现悬浮显示评论的方法，看起来效果还真不错，</p>
<p>菠萝引路&gt;&gt;<a href="http://www.neoease.com/at-reply-tip-from-diff-page-works/" target="_blank">演示看这里</a>!(这里也有教程，不过有几个地方新博主可能不好理解)</p>
<p>我来把我设置的过程详细介绍一下，尽可能简单，让新博主们也能按教程实现效果：</p>
<p><img title="悬浮@评论" src="http://www.blook.org.cn/wp-content/upfiles/2009/10/Screenshot-Studio-capture-4-400x112.png" alt="悬浮@评论" width="400" height="112" /></p>
<p>1、下载<a href="http://www.boxcn.net/shared/f78sqqxte1" target="_blank"> commenttips.js</a> 文件，文件放置到 iNove/js 目录。(我用的是iNove主题)</p>
<p>2、后台编辑你正在使用的主题风格，找到style.css文件编辑，在最后面添加上以下代码：</p>
<blockquote>
<pre style="font-family: monospace;"><span style="color: #cc00cc;">#thecomments</span> <span style="color: #6666ff;">.tip</span> <span style="color: #00aa00;">{</span>
	<span style="color: #000000; font-weight: bold;">background</span><span style="color: #00aa00;">:</span><span style="color: #cc00cc;">#FFF</span><span style="color: #00aa00;">;</span>
	<span style="color: #000000; font-weight: bold;">border</span><span style="color: #00aa00;">:</span><span style="color: #993333;">1px</span> <span style="color: #993333;">solid</span> <span style="color: #cc00cc;">#CCC</span><span style="color: #00aa00;">;</span>
	<span style="color: #000000; font-weight: bold;">width</span><span style="color: #00aa00;">:</span><span style="color: #993333;">605px</span><span style="color: #00aa00;">;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00aa00;">:</span><span style="color: #993333;">10px</span> !important<span style="color: #00aa00;">;</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00aa00;">:</span><span style="color: #993333;">10px</span> <span style="color: #993333;">10px</span> <span style="color: #cc66cc;">0</span><span style="color: #00aa00;">;</span>
	<span style="color: #000000; font-weight: bold;">margin-top</span><span style="color: #00aa00;">:</span><span style="color: #cc66cc;">0</span><span style="color: #00aa00;">;</span>
	<span style="color: #000000; font-weight: bold;">position</span><span style="color: #00aa00;">:</span><span style="color: #993333;">absolute</span><span style="color: #00aa00;">;</span>
	<span style="color: #000000; font-weight: bold;">z-index</span><span style="color: #00aa00;">:</span><span style="color: #cc66cc;">3</span><span style="color: #00aa00;">;</span>
<span style="color: #00aa00;">}</span>
<span style="color: #cc00cc;">#thecomments</span> <span style="color: #6666ff;">.tip</span> <span style="color: #6666ff;">.act</span> <span style="color: #00aa00;">{</span>
	<span style="color: #000000; font-weight: bold;">display</span><span style="color: #00aa00;">:</span><span style="color: #993333;">none</span><span style="color: #00aa00;">;</span>
<span style="color: #00aa00;">}</span>
<span style="color: #00aa00;">*+</span>html <span style="color: #cc00cc;">#thecomments</span> <span style="color: #6666ff;">.tip</span> <span style="color: #00aa00;">{</span>
	<span style="color: #000000; font-weight: bold;">padding</span><span style="color: #00aa00;">:</span><span style="color: #993333;">10px</span> <span style="color: #993333;">10px</span> <span style="color: #cc66cc;">0</span> !important<span style="color: #00aa00;">;</span>
<span style="color: #00aa00;">}</span></pre>
</blockquote>
<p>3、在主题中添加Javascript调用代码，建议代码放在footer.php文件里，我的风格的页脚文件是footer.php，而MG12的是End.php，这个地方可能会让新手发晕，我略作解释。把下面代码放在&lt;/body&gt;前面!</p>
<pre style="font-family: monospace;">&lt;script type<span style="color: #00aa00;">=</span><span style="color: #ff0000;">"text/javascript"</span> src<span style="color: #00aa00;">=</span><span style="color: #ff0000;">"http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"</span><span style="color: #00aa00;">&gt;</span>&lt;/script<span style="color: #00aa00;">&gt;</span>
&lt;script type<span style="color: #00aa00;">=</span><span style="color: #ff0000;">"text/javascript"</span> src<span style="color: #00aa00;">=</span><span style="color: #ff0000;">"&lt;?php bloginfo('template_url'); ?&gt;/js/commenttips.js"</span><span style="color: #00aa00;">&gt;</span>&lt;/script&gt;</pre>
<p>至此，就实现了你的评论回复内容的悬浮显示!如果还有什么问题，欢迎交流!</p>
<p>你如果有什么好的办法，也欢迎分享!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blook.org.cn/794.htm/feed</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>推荐三款我正在使用的WordPress优化插件</title>
		<link>http://www.blook.org.cn/788.htm</link>
		<comments>http://www.blook.org.cn/788.htm#comments</comments>
		<pubDate>Sat, 17 Oct 2009 01:38:54 +0000</pubDate>
		<dc:creator>菠萝</dc:creator>
				<category><![CDATA[WP插件]]></category>
		<category><![CDATA[Wordpress插件]]></category>

		<guid isPermaLink="false">http://www.blook.org.cn/recommended-three-im-using-wordpress-optimization-plugin/</guid>
		<description><![CDATA[本文应该算是写给新博主，如果你是才建博客，应该对你有用，老鸟就可以飞过了。 WordPress的优化插件太多了，我今天给大家介绍三款，当然我正在使用的达20多个插件，时间有限，一会我还要去修车（车近来总是灭火），只能临时先写上这三个我认为很重要的插件： 1、页面管理插件：Pagemash 上次我给大家介绍了一款叫分类排序插件：Category Order，而这个pagemash可以控制页面的排列顺序，很方便。 插件地址：http://wordpress.org/extend/plugins/pagemash/ 2、日志撰写高级功能插件：TinyMCE Advanced 这个插件可以让你的日志撰写界面和功能大大提升，一改Wordpres那个简单的撰写界面： 地址：http://wordpress.org/extend/plugins/tinymce-advanced/ 3、专业的后台流量统计插件：Google Analyticator 这个插件用的是Google Analytics核心来对你的博客进行统计，统计结果很精确到位！ 地址：http://plugins.spiralwebconsulting.com/analyticator.html]]></description>
			<content:encoded><![CDATA[<p>本文应该算是写给新博主，如果你是才建博客，应该对你有用，老鸟就可以飞过了。</p>
<p>WordPress的优化插件太多了，我今天给大家介绍三款，当然我正在使用的达20多个插件，时间有限，一会我还要去修车（车近来总是灭火），只能临时先写上这三个我认为很重要的插件：</p>
<p>1、页面管理插件：Pagemash</p>
<p><img title="pagemash" src="http://www.blook.org.cn/wp-content/upfiles/2009/10/pagemash-400x201.jpg" alt="pagemash" width="400" height="201" /></p>
<p>上次我给大家介绍了一款叫<a href="http://www.blook.org.cn/categories-category-order-wordpress-plugin-to-sort/" target="_blank">分类排序插件：Category Order</a>，而这个pagemash可以控制页面的排列顺序，很方便。</p>
<p>插件地址：<a href="http://wordpress.org/extend/plugins/pagemash/" target="_blank">http://wordpress.org/extend/plugins/pagemash/</a></p>
<p>2、日志撰写高级功能插件：TinyMCE Advanced</p>
<p>这个插件可以让你的日志撰写界面和功能大大提升，一改Wordpres那个简单的撰写界面：</p>
<p><img title="TinyMCE Advanced" src="http://www.blook.org.cn/wp-content/upfiles/2009/10/tadv2-400x228.jpg" alt="TinyMCE Advanced" width="400" height="228" /></p>
<p>地址：<a href="http://wordpress.org/extend/plugins/tinymce-advanced/" target="_blank">http://wordpress.org/extend/plugins/tinymce-advanced/</a></p>
<p>3、专业的后台流量统计插件：Google Analyticator</p>
<p>这个插件用的是Google Analytics核心来对你的博客进行统计，统计结果很精确到位！</p>
<p><img title="google-analyticator" src="http://www.blook.org.cn/wp-content/upfiles/2009/10/google-analyticator-400x183.jpg" alt="google-analyticator" width="400" height="183" /></p>
<p>地址：<a href="http://plugins.spiralwebconsulting.com/analyticator.html" target="_blank">http://plugins.spiralwebconsulting.com/analyticator.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blook.org.cn/788.htm/feed</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>WordPress反垃圾评论插件 wp imgcode</title>
		<link>http://www.blook.org.cn/712.htm</link>
		<comments>http://www.blook.org.cn/712.htm#comments</comments>
		<pubDate>Mon, 28 Sep 2009 00:49:37 +0000</pubDate>
		<dc:creator>菠萝</dc:creator>
				<category><![CDATA[WP插件]]></category>
		<category><![CDATA[Wordpress插件]]></category>

		<guid isPermaLink="false">http://www.blook.org.cn/?p=712</guid>
		<description><![CDATA[当我的WordPress博客开始受大家关注的时候，经常会有一些垃圾留言发布，一看就是用Robot自动发布的广告或垃圾链接，而WordPress对这却束手无策，这样我们只有自己动手，用wp imgcode增加一层验证码屏障，把Robot垃圾留言拒之门外! wp imgcode插件的功能就是在留言页面再添加上验证码功能。 下载连接：wp-imgcode.zip 安装方法： 1、和激活其他插件一样后台激活插件。 2、接下来修改当前使用主题的评论模版（comments.php），将 &#60;p&#62;&#60;textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”5″&#62;&#60;/textarea&#62;&#60;/p&#62;&#60;p&#62;&#60;input name=”submit” type=”submit” id=”submit” tabindex=”5″ value=”Submit Comment” /&#62; &#60;input type=”hidden” name=”comment_post_ID” value=”&#60;?php echo $id; ?&#62;” /&#62; &#60;/p&#62; &#60;?php do_action(’comment_form’, $post-&#62;ID); ?&#62; &#60;/form&#62; 改为 &#60;p&#62;&#60;textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”5″&#62;&#60;/textarea&#62;&#60;/p&#62;&#60;?php do_action(’comment_form’, $post-&#62;ID); ?&#62; &#60;p&#62;&#60;input name=”submit” type=”submit” id=”submit” tabindex=”5″ value=”Submit Comment” /&#62; &#60;input type=”hidden” [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright size-full wp-image-713" title="wp imgcode" src="http://www.blook.org.cn/wp-content/upfiles/2009/09/wp_imgcode_02.png" alt="wp imgcode" width="330" height="136" />当我的WordPress博客开始受大家关注的时候，经常会有一些垃圾留言发布，一看就是用Robot自动发布的广告或垃圾链接，而WordPress对这却束手无策，这样我们只有自己动手，用wp imgcode增加一层验证码屏障，把Robot垃圾留言拒之门外!</p>
<p>wp imgcode插件的功能就是在留言页面再添加上验证码功能。</p>
<p>下载连接：<a href="http://jackchen.cn/down/wp-imgcode.zip"><span style="color: #3366cc;">wp-imgcode.zip</span></a></p>
<p>安装方法：</p>
<p>1、和激活其他插件一样后台激活插件。</p>
<p>2、接下来修改当前使用主题的评论模版（comments.php），将</p>
<blockquote><p>&lt;p&gt;&lt;textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”5″&gt;&lt;/textarea&gt;&lt;/p&gt;&lt;p&gt;&lt;input name=”submit” type=”submit” id=”submit” tabindex=”5″ value=”Submit Comment” /&gt;<br />
&lt;input type=”hidden” name=”comment_post_ID” value=”&lt;?php echo $id; ?&gt;” /&gt;<br />
&lt;/p&gt;</p>
<p>&lt;?php do_action(’comment_form’, $post-&gt;ID); ?&gt;</p>
<p>&lt;/form&gt;</p></blockquote>
<p>改为</p>
<blockquote><p>&lt;p&gt;&lt;textarea name=”comment” id=”comment” cols=”100%” rows=”10″ tabindex=”5″&gt;&lt;/textarea&gt;&lt;/p&gt;&lt;?php do_action(’comment_form’, $post-&gt;ID); ?&gt;</p>
<p>&lt;p&gt;&lt;input name=”submit” type=”submit” id=”submit” tabindex=”5″ value=”Submit Comment” /&gt;<br />
&lt;input type=”hidden” name=”comment_post_ID” value=”&lt;?php echo $id; ?&gt;” /&gt;<br />
&lt;/p&gt;</p>
<p>&lt;/form&gt;</p></blockquote>
<p>保存模版后，刷新评论页面就可以看到验证码了。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blook.org.cn/712.htm/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>用wp-forum插件打造wordpress微型论坛</title>
		<link>http://www.blook.org.cn/677.htm</link>
		<comments>http://www.blook.org.cn/677.htm#comments</comments>
		<pubDate>Sun, 27 Sep 2009 02:22:51 +0000</pubDate>
		<dc:creator>菠萝</dc:creator>
				<category><![CDATA[WP插件]]></category>
		<category><![CDATA[WP]]></category>

		<guid isPermaLink="false">http://www.blook.org.cn/?p=677</guid>
		<description><![CDATA[WordPress已经发布了BBPress 论坛代码了，但目前来看BBPress 与WordPress的整合还不是很好，还需要用专门的同步插件来实现，有点麻烦，现在我们用一个小小的插件 wp-forum 来安装一个微型的论坛系统： 首先下载 WP-Forum version 2.3 1、把解压的文件上传到wp-content/plugins文件夹。 2、到后台激活wp-forum插件。 3、新建一个页面（不是日志）。 4、点击“HTML”标签切换到代码模式，输入： &#60;!–WPFORUM–&#62;&#62; 代码。 5、后台“设置”－wp-forum，之后添加论坛和版块。 6、论坛的设置你只能从后台进行设置，前台没有设置项。 7、页面导航就会增加论坛的链接，就可以访问论坛了。 8、如果想在边栏或别的位置显示论坛最新动态，就可以在模板的相应位置添加代码： &#60;?php latest_activity(numbers_to_show);?&#62; 代码中的numbers_to_show是你要显示的动态数量，默认是5条，你可以自己设置。 9、找到skin （皮肤）选项，激活皮肤。 注意：如果下次你想升级论坛到新的版本，要到后台管理里先停用这个插件，升级之后再启用。 查看本博演示 安装完成之后，论坛不支持中文，设置办法： 进入phpmyadmin 打开数据库，找到你建立的blog数据库，里面有四个表为论坛的表： wp_forum_forums    wp_forum_groups     wp_forum_posts    wp_forum_threads 将每个表中所有的下列代码 latin1_swedish_ci　改成　utf8_swedish_ci 就可以支持中文了。]]></description>
			<content:encoded><![CDATA[<p><a title="WordPress" href="http://www.wordpress.org/" target="_blank">WordPress</a>已经发布了<a title="BBPress" href="http://www.bbpress.org/" target="_blank">BBPress</a> 论坛代码了，但目前来看BBPress 与WordPress的整合还不是很好，还需要用专门的同步插件来实现，有点麻烦，现在我们用一个小小的插件<a href="http://www.fahlstad.se/wp-plugins/wp-forum/" target="_blank"> wp-forum</a> 来安装一个微型的论坛系统：</p>
<p>首先下载 <a href="http://www.fahlstad.se/download.php?file=wp-forum.2.3.zip" target="_blank">WP-Forum version 2.3</a></p>
<p>1、把解压的文件上传到wp-content/plugins文件夹。</p>
<p>2、到后台激活wp-forum插件。</p>
<p>3、新建一个页面（不是日志）。</p>
<p>4、点击“HTML”标签切换到代码模式，输入：</p>
<blockquote><p>&lt;!–WPFORUM–&gt;&gt;</p></blockquote>
<p>代码。</p>
<p>5、后台“设置”－wp-forum，之后添加论坛和版块。</p>
<p>6、论坛的设置你只能从后台进行设置，前台没有设置项。</p>
<p>7、页面导航就会增加论坛的链接，就可以访问论坛了。</p>
<p>8、如果想在边栏或别的位置显示论坛最新动态，就可以在模板的相应位置添加代码：</p>
<blockquote><p>&lt;?php latest_activity(numbers_to_show);?&gt;</p></blockquote>
<p>代码中的numbers_to_show是你要显示的动态数量，默认是5条，你可以自己设置。</p>
<p>9、找到skin （皮肤）选项，激活皮肤。</p>
<p>注意：如果下次你想升级论坛到新的版本，要到后台管理里先停用这个插件，升级之后再启用。</p>
<p><a href="../forum" target="_blank">查看本博演示</a></p>
<h3>安装完成之后，论坛不支持中文，设置办法：</h3>
<p>进入phpmyadmin 打开数据库，找到你建立的blog数据库，里面有四个表为论坛的表：<br />
<span style="color: #0000ff;"> wp_forum_forums    wp_forum_groups     wp_forum_posts    wp_forum_threads</span></p>
<p><span style="color: #000000;"> 将每个表中所有的下列代码</span></p>
<p>latin1_swedish_ci　改成　utf8_swedish_ci</p>
<p>就可以支持中文了。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blook.org.cn/677.htm/feed</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>WordPress 不用插件实现运行代码框（转）</title>
		<link>http://www.blook.org.cn/668.htm</link>
		<comments>http://www.blook.org.cn/668.htm#comments</comments>
		<pubDate>Sun, 27 Sep 2009 01:38:04 +0000</pubDate>
		<dc:creator>菠萝</dc:creator>
				<category><![CDATA[WP插件]]></category>
		<category><![CDATA[WP]]></category>

		<guid isPermaLink="false">http://www.blook.org.cn/?p=668</guid>
		<description><![CDATA[本来就想找个实现代码运行的插件，感觉都不太好用，其实也不想装那么多插件了，博客都慢的要死，万戈在博客上提供了不用插件实现代码运行框，很适合我，为了方便以后使用，转藏到我这里，希望万戈理解。 1、点此下载 run-code-OL.js 文件，解压并上传至服务器。 2、在 WordPress 日志中插入以下代码： &#60;script src=&#8220;保存 run-code-OL.js 的地址&#8221; type=&#8220;text/javascript&#8221; charset=&#8220;utf-8&#8243;&#62;&#60;/script&#62; &#60;form&#62; &#60;div align=&#8220;center&#8221;&#62; &#60;textarea id=&#8220;code&#8221; style=&#8220;width:555px;height:255px;&#8221; cols=&#8220;80&#8243; rows=&#8220;15&#8243;&#62;&#60;/textarea&#62; &#60;br /&#62; &#60;input type=&#8220;button&#8221;onclick=runCode(code) value=&#8220;运行代码&#8221; style=&#8220;border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;&#8221;&#62; &#60;input type=&#8220;button&#8221;onclick=copycode(code) style=&#8220;border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;&#8221;value=&#8220;复制代码&#8221; onclick=&#8220;copycode(runcode3)&#8221;&#62; &#60;input type=&#8220;button&#8221;onclick=saveCode(code) style=&#8220;border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;&#8221;value=&#8220;另存代码&#8221; onclick=&#8220;saveCode(runcode3)&#8221;&#62; 提示：您可以先修改部分代码再运行 &#60;/div&#62; &#60;/form&#62; &#60;br&#62; 3、在运行代码框中默认显示的代码添加在&#60;textarea&#62;&#60;/textarea&#62;之间即可。 4、演示： &#60;font size=4 color=red&#62;Hello World!&#60;/font&#62; 提示：您可以先修改部分代码再运行]]></description>
			<content:encoded><![CDATA[<p>本来就想找个实现代码运行的插件，感觉都不太好用，其实也不想装那么多插件了，博客都慢的要死，<a href="http://www.life-studio.cn/" target="_blank">万戈</a>在博客上提供了不用插件实现代码运行框，很适合我，为了方便以后使用，转藏到我这里，希望万戈理解。</p>
<p>1、<a style="text-decoration: underline;" title="run-code-OL.js" href="http://www.life-studio.cn/wp-content/uploads/2009/09/run-code-OL.rar">点此下载</a> run-code-OL.js 文件，解压并上传至服务器。</p>
<p>2、在 WordPress 日志中插入以下代码：</p>
<div id="codee_html">
<blockquote>
<div style="font-family: 'Courier New','Lucida Console','monospace'; color: #000000;"><span style="color: #000080; font-weight: bold;">&lt;script </span><span style="color: #ff0000;">src=</span><span style="color: #0000ff;">&#8220;保存 run-code-OL.js 的地址&#8221;</span> <span style="color: #ff0000;">type=</span><span style="color: #0000ff;">&#8220;text/javascript&#8221;</span> <span style="color: #ff0000;">charset=</span><span style="color: #0000ff;">&#8220;utf-8&#8243;</span><span style="color: #000080; font-weight: bold;">&gt;&lt;/script&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;form&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;div</span> <span style="color: #ff0000;">align=</span><span style="color: #0000ff;">&#8220;center&#8221;</span><span style="color: #000080; font-weight: bold;">&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;textarea</span> <span style="color: #ff0000;">id=</span><span style="color: #0000ff;">&#8220;code&#8221;</span> <span style="color: #ff0000;">style=</span><span style="color: #0000ff;">&#8220;width:555px;height:255px;&#8221;</span> <span style="color: #ff0000;">cols=</span><span style="color: #0000ff;">&#8220;80&#8243;</span> <span style="color: #ff0000;">rows=</span><span style="color: #0000ff;">&#8220;15&#8243;</span><span style="color: #000080; font-weight: bold;">&gt;&lt;/textarea&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;br</span> <span style="color: #000080; font-weight: bold;">/&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;input</span> <span style="color: #ff0000;">type=</span><span style="color: #0000ff;">&#8220;button&#8221;</span><span style="color: #ff0000;">onclick=</span><span style="color: #0000ff;">runCode(code)</span> <span style="color: #ff0000;">value=</span><span style="color: #0000ff;">&#8220;运行代码&#8221;</span> <span style="color: #ff0000;">style=</span><span style="color: #0000ff;">&#8220;border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;&#8221;</span><span style="color: #000080; font-weight: bold;">&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;input</span> <span style="color: #ff0000;">type=</span><span style="color: #0000ff;">&#8220;button&#8221;</span><span style="color: #ff0000;">onclick=</span><span style="color: #0000ff;">copycode(code)</span> <span style="color: #ff0000;">style=</span><span style="color: #0000ff;">&#8220;border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;&#8221;</span><span style="color: #ff0000;">value=</span><span style="color: #0000ff;">&#8220;复制代码&#8221;</span> <span style="color: #ff0000;">onclick=</span><span style="color: #0000ff;">&#8220;copycode(runcode3)&#8221;</span><span style="color: #000080; font-weight: bold;">&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;input</span> <span style="color: #ff0000;">type=</span><span style="color: #0000ff;">&#8220;button&#8221;</span><span style="color: #ff0000;">onclick=</span><span style="color: #0000ff;">saveCode(code)</span> <span style="color: #ff0000;">style=</span><span style="color: #0000ff;">&#8220;border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;&#8221;</span><span style="color: #ff0000;">value=</span><span style="color: #0000ff;">&#8220;另存代码&#8221;</span> <span style="color: #ff0000;">onclick=</span><span style="color: #0000ff;">&#8220;saveCode(runcode3)&#8221;</span><span style="color: #000080; font-weight: bold;">&gt;</span><br />
<span style="color: #000000;"> 提示：您可以先修改部分代码再运行 </span><span style="color: #000080; font-weight: bold;">&lt;/div&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;/form&gt;</span><br />
<span style="color: #000080; font-weight: bold;">&lt;br&gt;</span></div>
</blockquote>
</div>
<p>3、在运行代码框中默认显示的代码添加在&lt;textarea&gt;&lt;/textarea&gt;之间即可。</p>
<p>4、演示：<br />
<script src="http://www.blook.org.cn/run-code-OL.js" type="text/javascript"></script></p>
<form>
<div><textarea id="code" style="width: 555px; height: 255px;" cols="80" rows="15">&lt;font size=4 color=red&gt;Hello World!&lt;/font&gt;</textarea></p>
<input style="border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;" onclick="runCode(code)" type="button" value="运行代码" />
<input style="border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;" onclick="copycode(code)" type="button" value="复制代码" />
<input style="border:1px solid #B1B4CD;background:#696D81;color:#FFF; padding-top:5px;" onclick="saveCode(code)" type="button" value="另存代码" />
提示：您可以先修改部分代码再运行</div>
</form>
]]></content:encoded>
			<wfw:commentRss>http://www.blook.org.cn/668.htm/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
