星期日, 八月 05, 2007

最新回應 for blogger 1.5 版正式推出試用囉

經過幾番的修正,「最新回應 for blogger」 終於完成了預定加入的大部分功能,從開始構思到實做出來竟然已經花了三個多月,當時還以為這是不可能的任務呢,真的很開心。

自完成後使用人次還不到 10 人,而為了進一步的改善,今天特別開放大家試用,如果有任何使用上的問題、難以理解的 Bug,甚至是任何稀奇古怪的建議,請一定要留言給我!

更重要的是,試用之後覺得好用的話,就幫 LVCHEN 推薦一下囉!

外掛程式介紹Enhanced Recent Comment for Blogger v1.5

 

Blogger 專用,最完整的加強型最新回應元件,相容所有已知的 blogger 版型,可直接插入網頁元素中,擺放在任何你喜歡的位置。利用 Blogger API 動態取得留言資訊,更新快速不會延遲,並完全解決 blogger 提供的 comment feed 沒有文章標題的問題。

HTML 格式的完整留言內容,可自由摺疊不佔版面,讓你不需要進入文章中就可以知道網友們熱情的回應。具備方便的換頁功能,讓你可以一口氣從頭看到尾,不會錯過任何一筆留言喔。

外掛安裝說明:

必須配合 jQuery 使用,安裝過阿土伯外掛的朋友就不需要重複裝,如果沒有安裝 jQuery,請先加入下面這行。

<script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/files/jquery-1.1.3.1.pack.js"></script>

也可以至 jQuery 官方網頁自行下載 Code,放到自己的空間再安裝,這樣會更快喔。

接著,請複製下面的程式碼貼到網頁元素中你喜歡的位置。記得把 yourblog.blogspot.com 改成你的網址。

<script>
g_szHead ='《最新的回應》';
g_szBlogDomain='yourblog.blogspot.com';
g_iShowCount= 10;
noTitle = '原文被刪除,標題找不到';
loopInt = 30;
</script>
<script type="text/javascript" src="http://lvchen-recentcomments.googlecode.com/files/rc15_pack_fix.js"></script>

自己有空間的朋友,也可以下載外掛的 JS 檔放在自己的空間,要直接用我的連結也行啦,反正檔案只有 5K,不過如果我的 Google Code Page 掛了,功能就失效囉。

外掛檔案下載網址:
http://lvchen-recentcomments.googlecode.com/files/rc15_pack_fix.js

設定參數說明:

  1. g_szHead: 標題顯示的名稱。 default = '《最新的回應》'
  2. g_szBlogDomain: 這裡放入你的 blogger 網址。 default = 'lvchen.blogspot.com'
  3. g_iShowCount: 一次顯示幾篇留言, 最大值不能超過 99。default = 10
  4. noTitle: 如果原文被刪除,就會找不到標題,請在這裡設定提示的訊息。default = '原文被刪除,標題找不到'
  5. loopInt: 一次取回比對的標題數量,數值大小與 loading 速度有關,但不一定愈大愈慢。default = 30 
  6. commentsRSS: 這是個選用的參數,如果你的 comment feed 是燒過的,就把網址填進去 ,取代 blogger 預設的連結,格式:commentsRSS = 'http://www.myfeedburnerfeed.com'

每個很多部落格模板的 style 設定都不相同,加入外掛後每個人出現的效果可能會不太一樣,所以你應該要去修改一下模板的 CSS,讓自訂的效果跟你的網頁完美結合。

進到 template 裡,把下面的 style 設定加進去。 應該難不倒大家的吧,自己改改看,很好玩的。

#divrc li { text-indent:-12px; border-bottom:1px dotted; list-style-image: none;}
這一段是給每一段留言用的,建議用虛線分隔每則留言會比較好看。
#divrc .comcontent { color: #00ff00}
這個是給留言的內文用的,你可以改字型或是顏色,不想改就不用加囉。

#headerButton { border-bottom:1px dotted; text-indent:16px; }
這是給留言上頭的按紐用的,我的設定是調整位置並加上點點底。

#showFooterButton { Do it yourself !!;}
這是給留言下面的訊息用的。可以不加。

其他注意事項: (1.6 版已修正)

請確定你的留言的 Feed 是完整的 。 設定請到

設定 (setting) --> 網站提供 (Feed) --> blog 意見資訊供 (Comment Feed)

查看是否有設成「完整」。

OK,很簡單吧。

感謝水瓶子的最新回應程式給我一些啟發,有興趣的人可以到他的網站參考他做的元件。

水瓶子的網站:http://next.writers.idv.tw/2007/01/json.html

也要感謝阿倫幫我測試,讓我發現了一些在 Neo 版型上使用的小問題。

Neo 的問題是點入標題連結時,Lading Page 並不是以類 Ajax 的方式,會造成拖慢 Neo 的速度,現在還不知道有沒有解決的方法,我會再研究看看是不是能跟 Neo 版型結合的更好。

試用過或有使用上的問題或是意見,可以直接留言,或是到 http://groups.google.com/group/recentcomment-blogger 討論。

本外掛使用 Open Source 開放原始碼授權,歡迎下載未壓縮版本自行研究修改,如果修改後要發佈,請留言通知,或在發表的版本中引用 project 首頁。

未壓縮版本下載:http://lvchen-recentcomments.googlecode.com/files/rc15_ch.js

還有英文版下載:http://lvchen-recentcomments.googlecode.com/files/rc15_pack_en.js

Project 首頁:http://lvchen-recentcomments.googlecode.com

希望大家用的高興。

Update: 1.6 版已發佈

37 則留言:

MIGI 提到...

終於成功囉!(發現是語法打錯了-_-)不過也發現一個bug(?),就是當訪客在留言中使用「>」符號時,留言者名稱會亂掉。

另外…想請問可不可以消掉標題旁的RSS圖示,或可以利用語法讓它跟標題隔開一點?還有文章標題如果不想用粗體,可以調整嗎?

不好意思我問題很多…><

Béatrice 提到...

恭喜完成BETA版!只是...我目前用不到,但收起來。:P

LVCHEN 提到...

Migi: 謝謝你。
關於你發現留言名稱會亂掉這個 bug 我會試著修正。

文章標題不想用粗體暫時沒有簡單的方法,除非進程式改裡面的語法,我會多收集一些意見在下一版修正。

RSS 圖示還真算是一個 Bug,我忘了加入幾個字...不過有個暫時的解決方法,在預設的標題設定加入 &nbsp;,要空幾格就加幾個 就好囉。

example:
g_szHead ='Recent Comment&nbsp;&nbsp;&nbsp;'

Ken Gao 提到...

您好,這個小外掛很棒Q_Q,不過因為我不需要RSS的Link,所以我自行下載您的code把rss部分去掉上傳到自己的空間來使用Q____Q~~~,現在才想起來要先請教件,如果有冒犯請一定要告訴我,我會盡快修改 Q____________________________________Q~~~~~

KeuviN 提到...

期待了好久終於等到了.....這對剛把部落格拆爛的我來說算是有點安慰....XD

LVCHEN 提到...

Ken 沒問題的,如果修改只是自用,沒有任何版權的問題,請放心的玩。

版權的部分 LVCHEN 只要求,如果發表了類似的程式,其實是修改自 LVCHEN 的這支外掛的話,一定要通知我,討論一下可能的版權問題。

Hi KeuviN,謝謝你的支持,希望你快把版型改好。

LVCHEN 提到...

Béatrice...呵呵,不開放留言的妳的確是用不到...但其實妳還有另一個隱藏格...要不要裝裝看呢。

KeuviN 提到...

Lvchen大能幫我看一下嗎@"@

我的蠻有問題的...

1. 打開/關閉留言內容的按鈕沒有作用...但是按了上一頁下一頁後就可以了...

2. 不知道是不是我部落格本身的關係....留言項目通通往右邊擠?

3. 我的Widget區塊因為有使用border的關係...最新回應程式的標題是在程式碼中所以連標題也被塞在border框框裡....有沒有辦法不使用g_szHead這個參數啊?

我問題也很多..Sorry~ ><"

MIGI 提到...

謝謝解答!這程式真的很棒,比我看過的任何最新回應都要完備。可惜我是個程式白痴沒辦法幫什麼忙,只能精神支持(^^;)期待下個版本會更棒喔!

LVCHEN 提到...

先把 style 裡改一下
#divrc li { text-indent:-16px; border-bottom:1px dotted; list-style-image: none;}
這可修正留言往右跑的問題

留言無法展開的問題不知道為什麼我試不出來..我再研究看看...

第三個問題我看的不是很懂耶,可以請你說詳細一點嗎...至少我覺得現在看起來很棒喔,也許 RSS 的圖會有點礙眼...下一版我會加上選項。

如果你的意思是要把 Recent Comment 與 RSS 的圖拿掉,可以試試看在外掛後面加 <script>jQuery('#divrc').prev().prev().hide();</script>

說不定會有用...希望有用啦...還是不行的話就要進程式改比較好囉。

Béatrice 提到...

就像某位在pala88的仁兄說的一樣,怕抄台,分台不少。之前被公開過的,只有一半吧。XD

報告,在羊男的Blogger 3 Columns Template版型中,測試可行。

我承認自己太懶,這一動,就是這個也想動一下,那個也想動一下,最後總會沒完沒了...

KeuviN 提到...

呵呵 多謝Lvchen大 問題都解決了∼

KeuviN 提到...

啊..還有無法開關的問題...@"@
我好像想到原因了....等等去試試看....

LVCHEN 提到...

Béatrice 起來動一動吧,不要再懶下去啦!

KeuviN,你的問題我還得想想,真不知道是什麼原因,難道是 IE6...還是其他的問題。

因為我用 IE7 與 firefox 試都沒問題,所以我基本假設,程式OK...(還在用 IE6??? 逃~~)

Béatrice 提到...

等一下,好歹我也試用了一下啊。雖然在祕密小閣樓裡試的。一開始設置的時候,的確有一直在loading的狀況,重新整理幾次就穩定了。(我也不確定是不是這樣的緣故?)

另外,我又沒粉絲,放著看它動也不動,放心酸啊。我都是用e-mail通知的模式。只要有留言,一樣不錯過。

再一則報告,我是用opera 9.22版去試,沒問題。可以用。

KeuviN 提到...

IE6太爛了....而且我是MAC用戶 :)

我用Firefox for Mac 2.0.0.6 .....

Mr.J 提到...

Dear LVCHEN
我今天使用後 也改成了自己的url
顯示內容卻是你的blog 留言

可以幫忙看一下嗎?

還是早上我還沒吃早餐
血糖過低 眼睛花了

感謝~~

辛苦啦~~提供好工具出來 真棒

LVCHEN 提到...

Mr.J

g_szBlogDomain 的參數不需要打 http://
改成
g_szBlogDomain='dinghaw.blogspot.com';
就可以囉。

Mr.J 提到...

Dear LVCHEN
有沒有加上 HTTP://
我都有試過
一樣的情形

我現在把它放在我BLOG上面
有空你來看看吧

難道 是 我其他的JS中
跟你的JS 變數有重覆設定嗎?

LVCHEN 提到...

我看得眼睛快脫窗了...才找到問題。

您的外掛在 jQuery 的部份少打了結束標籤,也就是少了</script>

希望這次可以成功

KeuviN 提到...

Mr.J大的問題我當初也有遇到∼可能跟lvchen大講的原因一樣...我自己重裝就修好了...

還有lvchen大給的連結我換上去了,問題還是沒解決耶@@

嗯...慢慢來吧....

Master P. 提到...
此文章已被作者刪除。
Master P. 提到...

可以在滑鼠移到標題時也預覽回應內容嗎?

因為我覺的回應的重點在回應內容,希望人家看了回應會有興趣看看原文及討論,可是現在的編排方式好像變得重點在標題了。

在最新回應裡面重要性排行,對我來說是:回應內容,文章,時間(這個出現的順序好像已經暗示了),發表的人(因為大多數都不認識)。

呵呵,或許可以加些參數,讓有興趣的人自己調整吧~

其他方面,功能設計得很好,速度也很快阿,先謝謝囉,我會在部落格中給推薦大家阿!

LVCHEN 提到...

Dear Mater P,

這個問題,終於出現的,早晚也要面對的(其實偷偷打好草稿了說...XD)。

我很同意您說的關於留言內容的觀點,但其實我的編排重點在,並不是標題本身。

這有點 tricky,因為這程式我本來只是做給自己用的,很多的觀點都是從部落格作者出發,其次才是讀者,我的想法是,應該只有部落格作者才會想要一頁一頁的翻,其他讀者只是想要找作者回應,與相關的主題吧。

或許這跟我的使用習慣有關,太過主觀,所以會有些不盡如人意。

這版面的編排一開始也讓我傷透腦筋,由於這個外掛的功能與格式編排有許多的繼承部分,也就是說,單純的只更改版型,很容易造成功能失效,這部分主要還是我程式寫得不好所致,修改需要較多時間,也許下一版我會盡力克服。

用參數讓網友自行設定是個不錯的方法,但過多的參數造成的問題是難以預知的,這牽涉到 Javascript 本身的問題,就先不討論,但我會盡力想想有什麼好辦法。

至於滑鼠移到標題時也預覽回應內容嗎?呵呵,這倒是很容易,雖然我認為是有點畫蛇添足...,因為當滑鼠指到回應者時出現留言內容大綱,不就好像回應的人在對你說話嗎?
不過嘛...如果很多人要求的話,會在下一版先放上去。

校長 提到...

P先生要的東西跟我一樣啊>_<

我也要...快加快加

Hello &amp; Color 提到...

讚!
我來推一下這個程式
對於使用者暨簡單又方便
推!

LVCHEN 提到...

校長與 P 先生別急...快...快...出來了

Hello & Color 謝謝你的愛用喔

Noid 提到...

這真的是很好用的blogger 外掛喔~
而且也很美觀~這真是太神奇了!

LVCHEN 提到...

Noid 謝謝你。
怕你沒注意,1.6 版已經出囉。

Max 提到...

感謝你咧~ 不錯用,我的Blogger也裝上去囉~ 感謝你!

Tai, gintai@1111.com.tw 提到...

感謝您很詳盡的教學文章
解決我原先有問題的最新回應的功能
謝謝了!給您鼓勵

追憶 提到...

您好,可否請教一個問題呢@.@
我開啟"網頁元素"->"新增小工具"=>選擇"HTML/JavaScrip"之後, 將您文章中提到的2段灰色方框內程式碼複製進去
儲存後,我發現結果可以顯示留言者的名字, 但內容全部變成"原文被刪除,標題找不到"

我是不是哪個步驟用錯了 /_\

LVCHEN 提到...

To 追憶,

已經是 2.0 版囉。
請利用安裝程式安裝。

追憶 提到...

謝謝大大, 我成功了^.^

謝謝你花心思寫程式又大方讓不會程式的我們分享...^.^

匿名 提到...

你好,我是個電腦白痴因此有你這樣慷慨分享便利程式真的很好,但我遇到一個問題,就是我這些留言不會顯示正確的文章標題,反而全部都變成"原文被刪除,標題找不到"
請問怎麼解決這個問題呢

我的部落格是:你看一下或許知道我說的意思
http://nicoleteng1110.blogspot.com/

匿名 提到...

挖我用了你的2.0已經裝設好了
真的很感謝,我們這樣的電腦傻呆瓜真的很需要像你這樣的人的幫忙,只是想表達我的感激

謝謝

meou 提到...

真的很謝謝你
我已經被留言這個問題困擾很久了
目前使用一切順利
謝謝!!!