<?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>Shoopman &#187; Micolog</title>
	<atom:link href="http://blog.shoopman.org/tag/micolog/feed" rel="self" type="application/rss+xml" />
	<link>http://blog.shoopman.org</link>
	<description>Shoopman&#039;s Blog</description>
	<lastBuildDate>Thu, 15 Jul 2010 08:32:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>为Micolog添加了Google翻译功能</title>
		<link>http://blog.shoopman.org/2009/07/15/add-google-translate-gadget-for-micolog.html</link>
		<comments>http://blog.shoopman.org/2009/07/15/add-google-translate-gadget-for-micolog.html#comments</comments>
		<pubDate>Wed, 15 Jul 2009 13:13:26 +0000</pubDate>
		<dc:creator>Shoopman</dc:creator>
				<category><![CDATA[Tech]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Micolog]]></category>

		<guid isPermaLink="false">/2009/07/15/add-google-translate-gadget-for-micolog.html</guid>
		<description><![CDATA[&#160;&#160;&#160; 今天在Google Analytics里看到，大概30%的IP流量是来自国外，而语言是en-us的流量更多（我的操作系统也是英文版的）。所以，如果能提供一个翻译按钮给那些老外，他们会更明白我在说什么。Google Translate已经提供了这样一个小工具，只需要简单的几个步骤，就可以往自己网站添加上这个翻译功能。下面就为我这个基于Micolog的博客加上这个小功能吧。
&#160;&#160;&#160; 1. 获取代码   到http://translate.google.cn/translate_tools?hl=zh-CN去，代码马上就生成了，如下：
&#60;script src=&#34;http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&#38;up_source_language=zh-CN&#38;w=160&#38;h=60&#38;title=&#38;border=&#38;output=js&#34;&#62;&#60;/script&#62;

其中，w和h这两个参数是控制Google翻译小工具的宽度和高度，可以自行修改。
&#160;&#160;&#160; 2. 修改主题文件   找到你要添加小工具的网页，把上面的代码粘贴进去。比如我是在themes\default\templates\sidebar.html里添加了小工具。
&#160;&#160;&#160; 3. 上传文件
&#160;&#160;&#160; 至此，Google翻译小工具就添加进去了，你可以看一下页面右上方。样子是有点丑，将就一下了。
&#160;&#160;&#160; Google还提供了更多可以往自己网页里放的小工具，可以到http://www.google.com/webmasters/gadgets/找一下。
]]></description>
			<content:encoded><![CDATA[<p>&#160;&#160;&#160; 今天在<a href="https://www.google.com/analytics" target="_blank">Google Analytics</a>里看到，大概30%的IP流量是来自国外，而语言是en-us的流量更多（我的操作系统也是英文版的）。所以，如果能提供一个翻译按钮给那些老外，他们会更明白我在说什么。Google Translate已经提供了这样一个小工具，只需要简单的几个步骤，就可以往自己网站添加上这个翻译功能。下面就为我这个基于Micolog的博客加上这个小功能吧。</p>
<p>&#160;&#160;&#160; 1. 获取代码   <br />到<a title="http://translate.google.cn/translate_tools?hl=zh-CN" href="http://translate.google.cn/translate_tools?hl=zh-CN" target="_blank">http://translate.google.cn/translate_tools?hl=zh-CN</a>去，代码马上就生成了，如下：</p>
<blockquote><p>&lt;script src=&quot;http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&amp;up_source_language=zh-CN&amp;w=160&amp;h=60&amp;title=&amp;border=&amp;output=js&quot;&gt;&lt;/script&gt;</p>
</blockquote>
<p>其中，w和h这两个参数是控制Google翻译小工具的宽度和高度，可以自行修改。</p>
<p>&#160;&#160;&#160; 2. 修改主题文件   <br />找到你要添加小工具的网页，把上面的代码粘贴进去。比如我是在themes\default\templates\sidebar.html里添加了小工具。</p>
<p>&#160;&#160;&#160; 3. 上传文件</p>
<p>&#160;&#160;&#160; 至此，Google翻译小工具就添加进去了，你可以看一下页面右上方。样子是有点丑，将就一下了。</p>
<p>&#160;&#160;&#160; Google还提供了更多可以往自己网页里放的小工具，可以到<a title="http://www.google.com/webmasters/gadgets/" href="http://www.google.com/webmasters/gadgets/" target="_blank">http://www.google.com/webmasters/gadgets/</a>找一下。</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.shoopman.org/2009/07/15/add-google-translate-gadget-for-micolog.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>为Micolog添加Google自定义搜索</title>
		<link>http://blog.shoopman.org/2009/07/14/add-google-custom-search-to-micolog.html</link>
		<comments>http://blog.shoopman.org/2009/07/14/add-google-custom-search-to-micolog.html#comments</comments>
		<pubDate>Tue, 14 Jul 2009 14:35:59 +0000</pubDate>
		<dc:creator>Shoopman</dc:creator>
				<category><![CDATA[Tech]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Micolog]]></category>

		<guid isPermaLink="false">/2009/07/14/add-google-custom-search-to-micolog.html</guid>
		<description><![CDATA[&#160;&#160;&#160; 由于Google App Engine数据存储与关系数据库不一样，Micolog也无法像传统应用那样提供基于数据库某些字段的搜索。作为搜索引擎老大，Google对自家的App Engine里的内容收录还是相当及时的，比如我这博客发布的文章，一般两天内就收录了。因此我们可以利用Google搜索引擎收录索引来解决Blog站内搜索这个问题。Micolog默认主题里就提供的站内搜索，即加上site:blog.shoopman.org，比如这个搜索。有个不爽的地方，就是搜索结果页完全跳出了自己的博客。于是，我利用了Google自定义搜索来为Micolog博客加入站内搜索。
&#160;&#160;&#160; 先看一下最后的效果：    http://blog.shoopman.org/google-search?q=java&#38;cx=004316150475193113567%3Ah9vz95zkor4&#38;cof=FORID%3A11&#38;ie=UTF-8     还不错吧，页面的顶部、底部以及右边都是Micolog原本的风格和内容，只有页面主体是搜索结果。下面开始动手了。
1. 创建Google自定义搜索引擎     用你的Google帐号登陆到 http://www.google.com/coop/cse/，按照提示创建一个自定义搜索（图）。 
2. 获取代码     转到自定义搜索的控制面板&#8211;获取代码，选择”使用 iframe 使搜索结果位于我的网站上”，并指定搜索结果页地址，如/google-search（图），这时可得到搜索框和搜索结果页的代码，先保存一下。 
3. 修改Micolog主题      转到你正使用的主题，如我是用默认主题，即到themes\default\templates下，编辑base.html，把搜索框处理的代码修改如下： 
&#60;form method=&#34;get&#34; id=&#34;cse-search-box&#34; action=&#34;/google-search&#34;&#62;       &#160;&#160;&#160;&#160;&#160;&#160;&#160; &#60;input type=&#34;text&#34; value=&#34;Search&#8230;&#34; onfocus=&#34;if (this.value [...]]]></description>
			<content:encoded><![CDATA[<p>&#160;&#160;&#160; 由于Google App Engine数据存储与关系数据库不一样，Micolog也无法像传统应用那样提供基于数据库某些字段的搜索。作为搜索引擎老大，Google对自家的App Engine里的内容收录还是相当及时的，比如我这博客发布的文章，一般两天内就收录了。因此我们可以利用Google搜索引擎收录索引来解决Blog站内搜索这个问题。Micolog默认主题里就提供的站内搜索，即加上site:blog.shoopman.org，比如这个<a href="http://www.google.cn/search?as_q=java&amp;as_sitesearch=blog.shoopman.org" target="_blank">搜索</a>。有个不爽的地方，就是搜索结果页完全跳出了自己的博客。于是，我利用了Google自定义搜索来为Micolog博客加入站内搜索。</p>
<p>&#160;&#160;&#160; 先看一下最后的效果：    <br /><a title="http://blog.shoopman.org/google-search?q=java&amp;cx=004316150475193113567%3Ah9vz95zkor4&amp;cof=FORID%3A11&amp;ie=UTF-8" href="http://blog.shoopman.org/google-search?q=java&amp;cx=004316150475193113567%3Ah9vz95zkor4&amp;cof=FORID%3A11&amp;ie=UTF-8" target="_blank">http://blog.shoopman.org/google-search?q=java&amp;cx=004316150475193113567%3Ah9vz95zkor4&amp;cof=FORID%3A11&amp;ie=UTF-8</a>     <br />还不错吧，页面的顶部、底部以及右边都是Micolog原本的风格和内容，只有页面主体是搜索结果。下面开始动手了。</p>
<p><strong>1. 创建Google自定义搜索引擎</strong>     <br />用你的Google帐号登陆到 <a title="http://www.google.com/coop/cse/" href="http://www.google.com/coop/cse/" target="_blank">http://www.google.com/coop/cse/</a>，按照提示创建一个自定义搜索（<a title="申请Google自定义搜索" href="http://hfijeq.blu.livefilestore.com/y1pXXCaBuXlnQadjCDWIGGfaiW0Lxw9er0J5MJSjoRwMrbvWl4GS9Cigs5CoAoDiHHNj6d2tnoWiOU7LDOqjR8xlWp6GPbHOzHB/create.jpg" target="_blank">图</a>）。 </p>
<p><strong>2. 获取代码</strong>     <br />转到自定义搜索的控制面板&#8211;获取代码，选择”使用 iframe 使搜索结果位于我的网站上”，并指定搜索结果页地址，如<font color="#ff0000">/google-search</font>（<a title="获取代码" href="http://hfijeq.blu.livefilestore.com/y1pGrgFBz6X4axf8sW4e82171JC_aSJ2UhVepB1tCs3DgZg7jC-fTDUT3sHf8fBoTZt3aVjGZKSwoumNDllcDIwRTBWr4jDuS0q/getcode.jpg" target="_blank">图</a>），这时可得到搜索框和搜索结果页的代码，先保存一下。 </p>
<p><strong>3. 修改Micolog主题      <br /></strong>转到你正使用的主题，如我是用默认主题，即到themes\default\templates下，编辑base.html，把搜索框处理的代码修改如下： </p>
<blockquote><p>&lt;form method=&quot;get&quot; id=&quot;cse-search-box&quot; action=&quot;/<font color="#ff0000">google-search</font>&quot;&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;input type=&quot;text&quot; value=&quot;Search&#8230;&quot; onfocus=&quot;if (this.value == &#8216;Search&#8230;&#8217;) {this.value = &#8221;;}&quot; onblur=&quot;if (this.value == &#8221;) {this.value = &#8216;Search&#8230;&#8217;;}&quot; name=&quot;<font color="#ff0000">q</font>&quot; id=&quot;s&quot; /&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;input type=&quot;image&quot; src=&quot;/themes/{{ blog.theme_name }}/images/transparent.gif&quot; id=&quot;go&quot; alt=&quot;Search&quot; title=&quot;Search&quot; /&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;input type=&quot;hidden&quot; name=&quot;<font color="#ff0000">cx</font>&quot; value=&quot;004316150475193113567:h9vz95zkor4&quot; /&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;input type=&quot;hidden&quot; name=&quot;cof&quot; value=&quot;FORID:11&quot; /&gt;       <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160; &lt;input type=&quot;hidden&quot; name=&quot;ie&quot; value=&quot;UTF-8&quot; /&gt;       <br />&lt;/form&gt;</p>
</blockquote>
<p>注意，form中action处的google-search后面再说，名为cx的隐藏域应该是自己自定义搜索的标识。在第二步里的搜索框代码里，还有一行&lt;script type=&quot;text/javascript&quot; src=&quot;http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=zh-Hans&quot;&gt;&lt;/script&gt;，不要加进去，这会改变原来搜索框的样式。</p>
<p><strong>4. 创建搜索结果Javascript</strong>     <br />由于无法在Micolog的编辑器添加有效的Javascript代码，我们将Google自定义搜索结果页的Javascript代码放到一个独立的js文件里，内容如下：</p>
<blockquote><p>var googleSearchIframeName = &quot;cse-search-results&quot;;      <br />var googleSearchFormName = &quot;cse-search-box&quot;;       <br />var googleSearchFrameWidth = 600;       <br />var googleSearchDomain = &quot;www.google.com&quot;;       <br />var googleSearchPath = &quot;/cse&quot;;</p>
</blockquote>
<p>把此文件命名为google_search.js，并放在/static/js目录下。（你可以修改js文件名及路径，但建议放在static目录下）</p>
<p><strong>5. 创建搜索结果显示页</strong>     <br />登陆到Micolog后台管理，创建页面，内容如下：</p>
<blockquote><p>&lt;div id=&quot;cse-search-results&quot;&gt; &lt;/div&gt;      <br />&lt;script src=&quot;<font color="#ff0000">http://blog.shoopman.org/static/js/google_search.js</font>&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;&lt;script src=&quot;http://www.google.com/afsonline/show_afs_search.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;</p>
</blockquote>
<p>其中前面的js就是上一步创建的那个js文件。    <br />在此页面里，还要指定名称(slug)为google-search，即第2步、第3步中搜索框Form中的action；把页面级别设置为1，那么在博客顶部的菜单就不会出现此页面的连接（<a title="创建页面" href="http://hfijeq.blu.livefilestore.com/y1pBsUAUR2UFftdJsBBk9Ud-ubysXQf8pAx_mgiOqtw0eMQgL4-KUe9SePoj-0hVq7vB5ngrVAt7nThuBMQmOEOFQe7MmHeSJIU/micolog_page.jpg" target="_blank">图</a>）。</p>
<p><strong>6. 上传文件      <br /></strong>把修改过的base.html和新建的google_search.js上传到Google App Engine中，就大功告成了！</p>
<p>&#160;</p>
<p>Update1：这文章在发布后几分钟就被Google收录了，很快！</p>
<p>Update2：这里有个更方便的办法：<a title="http://www.houkai.com/2009/07/7/google-search.html" href="http://www.houkai.com/2009/07/7/google-search.html" target="_blank">http://www.houkai.com/2009/07/7/google-search.html</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.shoopman.org/2009/07/14/add-google-custom-search-to-micolog.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
