<?xml version='1.0' encoding='UTF-8'?><?xml-stylesheet href="http://www.blogger.com/styles/atom.css" type="text/css"?><entry xmlns='http://www.w3.org/2005/Atom' xmlns:georss='http://www.georss.org/georss'><id>tag:blogger.com,1999:blog-5918579739413557982.post-5099559220264953311</id><published>2007-01-16T06:19:00.001+08:00</published><updated>2007-10-12T03:37:30.384+08:00</updated><category scheme='http://www.blogger.com/atom/ns#' term='JavaScript'/><category scheme='http://www.blogger.com/atom/ns#' term='教學'/><category scheme='http://www.blogger.com/atom/ns#' term='後台'/><title type='text'>表謝意：近期迴響</title><content type='html'>&lt;p&gt;搞不懂為什麼 Blogger 不提供「近期迴響」這個東西，之前使用「資訊提供」網頁元素（Feed Widget）搭配迴響的消息來源（Feed，偏不想叫它資訊提供勒）是做出了個堪用的東西，但可惜的是它不像 WordPress.com 一樣可以顯示迴響網頁標題。&lt;/p&gt;解決方案找不到，頭痛了一陣子，也試用過 &lt;a href="http://beautifulbeta.blogspot.com/2006/11/customizable-recent-comments-widget.html"&gt;Beautiful Beta 提供的方案&lt;/a&gt;，但他有幾個大缺點：
&lt;ul&gt;&lt;li&gt;&lt;p&gt;顯示的「標題」並不是真正的標題，而是連結名稱解析來的字串：&lt;/p&gt;
&lt;blockquote cite="http://beautifulbeta.blogspot.com/2006/11/customizable-recent-comments-widget.html#comment-916147921016084662"&gt;&lt;p&gt;&lt;q&gt;@Ramani: I noticed that the post title is no exactly the same as the linkname. I checked the json-feed contents, and it offers no posttitle. You can get the post-id from the feed.entry.id object, but I have not come up with a trick to derive the posttitle fom the post-id.&lt;/q&gt; -- &lt;a href="http://beautifulbeta.blogspot.com/2006/11/customizable-recent-comments-widget.html#comment-916147921016084662"&gt;Hans&lt;/a&gt;&lt;/p&gt;&lt;p&gt;簡譯：我也知道連結名稱不真能代表網頁標題，不過 Blogger 的 JSON 裡完全沒有網頁標題；雖然也可以從文章的 JSON 找同 post-id 的標題，但我不幹。（譯註：ㄜ，最後那個「我不幹」是我亂講的 XD）&lt;/p&gt;&lt;/blockquote&gt;&lt;p&gt;這點碰上中文更是致命啊...&lt;/p&gt;
&lt;/li&gt;&lt;li&gt;我問作者那些程式我可否自己修？他沒理我 XD （還是我留錯地方了？因為回去已經看不到我的留言...）&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;本來放棄了，但昨天查詢 JSON 資訊的時候發現水瓶子那邊已經有可以支援中文的版本「&lt;a href="http://next.writers.idv.tw/2007/01/json.html"&gt;JSON 應用（２）：最新迴響的標題&lt;/a&gt;」，這很棒！馬上拿回來裝裝看，發現一些地方跟我想的不太一樣：
&lt;/p&gt;&lt;ul&gt;&lt;li&gt;沒有考慮 noscript：mmm... 我會希望讓沒有開 Script 的人也能看到基本的東西。&lt;/li&gt;&lt;li&gt;版面顯示方式：這沒什麼好壞只是我不習慣，事實上原來的方式感覺還蠻有效率的。&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;所以經由水瓶子的&lt;a href="http://next.writers.idv.tw/2007/01/json.html#7568198918681325156"&gt;友善回應&lt;/a&gt;，我稍微修改成自己的版本（嗯，其實還改蠻多的，因為我的需求比較簡單），也提供大家參考，修改的地方簡述如下：&lt;/p&gt;&lt;ul&gt;&lt;li&gt;考慮不開 Script 的朋友：照後面提到的步驟修改的話，即使對方關閉 Script 也可以看到原來的 Feed Widget 版本。&lt;/li&gt;&lt;li&gt;程式碼比較簡單：剛說了我的需求比較簡單，所以寫的程式也簡單，或許你改起來會更輕鬆？&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;還有些小缺點... 不過目前是堪用狀態，總之先放出來給大家看，要修改請自便、發現問題歡迎幫我 debug... XD 安裝方法如下：
&lt;/p&gt;&lt;ol&gt;&lt;li&gt;先到「範本＞網頁元素」中插入一個「資訊提供」網頁元素，怎麼設定都行，只要來源的地方填上「http://你的blogspot網址/feeds/comments/full」就行了。建議標題直接命名為「近期迴響」。&lt;/li&gt;&lt;li&gt;&lt;p&gt;儲存後切換到「範本＞修改 HTML」處，在內容中找到你剛剛輸入的標題（近期迴響），那一整行長得應該像這樣：&lt;/p&gt;&lt;code&gt;&amp;lt;b:widget id='Feed2' locked='false' title='近期迴響' type='Feed'&lt;b&gt;/&amp;gt;&lt;/b&gt;&lt;/code&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;麻煩先把剛那段程式碼中粗體的「/&amp;gt;」刪掉，隨即貼上以下這段程式：&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;
&amp;gt;
&amp;nbsp; &amp;lt;b:includable id='main'&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;h2&amp;gt;&amp;lt;data:title/&amp;gt;&amp;lt;/h2&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div class='widget-content'&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;div id='divrc'&amp;gt;&amp;lt;ul expr:id='data:widget.instanceId + "_feedItemListDisplay"'&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;b:loop values='data:feedData.items' var='i'&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;li&amp;gt;&amp;lt;b:if cond='data:showItemAuthor'&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;b:if cond='data:i.author != ""'&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;span class='item-author'&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;data:i.author/&amp;gt; said:
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/span&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/b:if&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/b:if&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;span class='item-title'&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;a expr:href='data:i.alternate.href'&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;data:i.title/&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/a&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/span&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;b:if cond='data:showItemDate'&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;b:if cond='data:i.str_published != ""'&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;span class='item-date'&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;amp;#160;-&amp;amp;#160;&amp;lt;data:i.str_published/&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/span&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/b:if&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/b:if&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/li&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/b:loop&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/ul&amp;gt;&amp;lt;/div&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;script type='text/javascript'&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; g_iShowCount=5; //這個 5 改成你要顯示的數目
&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; g_szBlogDomain=&amp;amp;quot;blog.bobchao.net&amp;amp;quot;; //這邊改成你的 blogspot 網址
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/script&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;script src='http://page.bobchao.net/rc.js' type='text/javascript'/&amp;gt;
&amp;nbsp;&amp;nbsp;&amp;nbsp; &amp;lt;/div&amp;gt;
&amp;nbsp; &amp;lt;/b:includable&amp;gt;
&amp;lt;/b:widget&amp;gt;
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;記得修改程式中提到的兩個變數。&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;先預覽一下會比較保險，沒問題之後就可以存檔了。&lt;/li&gt;&lt;/ol&gt;
&lt;p&gt;這樣會引入http://page.bobchao.net/rc.js 程式碼，要 debug 請往&lt;a href="http://page.bobchao.net/rc.js"&gt;這邊走&lt;/a&gt; :)&lt;/p&gt;&lt;p&gt;其實原版我有些地方不太了解，像是不知道為什麼要取 id 跟排序，不過我的需求來講應該用不到就是了。GData 還有很多&lt;a href="http://code.google.com/apis/gdata/reference.html#Queries"&gt;查詢參數&lt;/a&gt;，如果其提供的 JSON 都能用的話，或許我以後還會再修改一下（例如，我現在才看到有 entryID 這玩意...）&lt;/p&gt;&lt;div class="blogger-post-footer"&gt;&lt;img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5918579739413557982-5099559220264953311?l=blog.bobchao.net' alt='' /&gt;&lt;/div&gt;</content><link rel='replies' type='application/atom+xml' href='http://blog.bobchao.net/feeds/5099559220264953311/comments/default' title='Post Comments'/><link rel='replies' type='text/html' href='http://blog.bobchao.net/2007/01/blog-post_16.html#comment-form' title='12 Comments'/><link rel='edit' type='application/atom+xml' href='http://www.blogger.com/feeds/5918579739413557982/posts/default/5099559220264953311'/><link rel='self' type='application/atom+xml' href='http://www.blogger.com/feeds/5918579739413557982/posts/default/5099559220264953311'/><link rel='alternate' type='text/html' href='http://blog.bobchao.net/2007/01/blog-post_16.html' title='表謝意：近期迴響'/><author><name>柏強</name><uri>http://www.blogger.com/profile/06864196982157693291</uri><email>noreply@blogger.com</email><gd:extendedProperty xmlns:gd='http://schemas.google.com/g/2005' name='OpenSocialUserId' value='16900045016305722427'/></author><thr:total xmlns:thr='http://purl.org/syndication/thread/1.0'>12</thr:total></entry>