2012年11月25日

Blogger 最新回應+留言者頭像+文章標題

A+

(Pic from: softicons.com,freepik.com,all-free-download.com)
2015.10.10 公告:此工具目前已更新到 V2 版,請前往新版安裝頁面:「Blogger 最新留言 V2﹍頭像 + 文章標題 + HTTPS」。

這個版本的「最新回應」小工具,其基本架構仍是延用「上個版本」的程式庫,主要差別為每則留言多了文章標題。優點是一眼就能清楚瞭解哪篇文章有了新留言,不過每則留言的區塊面積也增加了,如果喜歡介面簡潔一點的話還是可以選擇「無文章標題的版本」。以下照例先說明撈後台資料的原理,想直接安裝可跳「三、安裝程式碼」。





一、從 Json 抓留言文章標題

「最新回應」小工具的 feed 基本知識可參考「Blogger 最新回應+留言者各種身份頭像」。由於留言的 feed 資料不含文章標題,最早的 hack 必須從文章 feed 撈資料來比對標題,但當部落格文章數目達到數百篇或是更多時,這樣的 hack 執行速度就會是大悲劇了。

還好「Blogger API 官網」 說明了留言 feed 要如何與文章做連結,先找到 thr:in-reply-to 元素後,裡面可找到文章連結資料。

舉例說明,本站留言 feed 轉 Json 格式的網址為 http://wayne-fu.blogspot.com/feeds/comments/summary?alt=json-in-script,我們若搜尋「thr$in-reply-to」字串可找到該則留言的文章連結相關資料,裡面最重要的是 "source" 資料指向的 "單一文章 feed 網址",從單一文章 feed 撈資料的速度很快,就可避免從 "網站文章 feed" 撈資料的冗長時間了。

舉其中的一個 "source" 資料當例子,把單一文章 feed 網址後面加上參數 "?alt=json-in-script" 成為這樣的字串 "http://www.blogger.com/feeds/1035379297949976554/posts/default/8856339391020730581?alt=json-in-script" 可轉成 json 格式,在瀏覽器畫面上可找到兩個重要資料:

1. 文章標題:位置在 json 資料 → entry 物件 → title 物件 → $t 字串,可看到標題字串為 "Blogger「留言欄訊息」自訂版面及樣式的方法__兼談留言字詞驗證"。

2. 文章網址:位置在 json 資料 → entry 物件 → link 陣列 → 網址資料在 "ref" 為 "alternate" 的那個物件裡,字串值為 "http://wayne-fu.blogspot.com/2012/10/comment-reminder.html"

有了以上資料就能印出標題,再將以上資料存入自設的陣列裡,若有其他則留言來自同一篇文章,就不必再重複查詢文章 feed,可減少重新送出請求(request)的次數與時間。


二、加強功能、特點

1. 既然改了版,還是多少增加了一些功能、調整了一下版面,例如:

  A:把原本展開收合的圖案 ""、"" 隱藏起來,滑鼠經過該則留言區時才顯示,讓版面簡潔、美觀許多。

  B:留言者暱稱字體加大、文章標題字體縮小。

  C:把所有區塊的 CSS 都開放出來讓使用者自訂版面。

2. 這個版本的特點為:過去的版本,若某篇文章有留言,而後來該篇文章被刪除,但該文章的留言仍會存在,照樣會出現在最新回應的小工具裏。現在這個版本既然能顯示文章標題,也順便寫了偵測文章是否被刪除的功能。若某則留言的文章被刪除,則會顯示「文章已刪除」字樣,這樣可以提醒站長到後台去把該則留言給刪了。



三、安裝程式碼

在修改範本之前,如果第一次安裝本站工具的讀者,建議先閱讀「備份範本的訣竅」系列文章。

1. 這已經是第三個「最新回應」的版本,如果安裝過舊版本的話,先刪除原本的小工具,再按以下步驟重新新增一個「HTML/JavaScript」小工具即可;如果沒有安裝過的話,請先到後台 → 版面配置 → 新增小工具 → 選擇「HTML/JavaScript」→ 填入標題、以及以下程式碼:


2015.10.10 公告:原程式碼刪除,此工具目前已更新到 V2 版,請前往新版安裝頁面:「Blogger 最新留言 V2﹍頭像 + 文章標題 + HTTPS」。


存檔後即可,想先看效果可參考右邊的側邊欄。

2. 以上紅字、藍字為重要的修改參數,請參考「四、修改參數」。

3. AR 行以後的 javascript 區,為了節省空間所以把程式碼壓縮了。


2013.7.9 公告

如果最新回應小工具無法顯示,可能的原因有:

1. 後台 → 設定 → 基本 → 網誌讀者 → 請檢查是否開放給「任何人」

2. 後台 → 設定 → 其他 → 允許網誌資訊提供 → 請檢查是否為「完整」;如果不是完整而是「自訂」的話,請檢查「網誌留言資訊提供」是否設定為「完整」,這裡的設定必須是「完整」,最新回應才能顯示。



四、修改參數

請參照上面的程式碼行號來修改以下參數──

H~J:這是小工具下方換頁區塊的 CSS,可自行修改字體大小或其他 style 參數。

K~O:這是日期區塊的 CSS,可自行修改顏色、字體大小、或其他 style 參數。

P~R:這是留言者暱稱區塊的 CSS,可自行修改字體大小、或其他 style 參數。

S~V:這是留言內容區塊的 CSS,可自行修改上下邊界值、或其他 style 參數。

W~AA:這是文章標題區塊的 CSS,可自行修改字體大小、行高、或其他 style 參數。

AE:從第幾則留言開始顯示,通常設為 1。

AF:一頁顯示幾則留言

AG:留言摘要的字元數

AH:頭像圖案的寬度像素 px 值

AI:藍字可改為自訂的 Blogger Logo 圖案網址。

AJ:藍字可改為自訂的 OpenID 圖案網址。

AK:藍字可改為自訂的匿名圖案網址。

AL~AM:請自行對照一下小工具就知道怎麼改了

AN:展開留言的字元圖案

AO:收合留言的字元圖案


更多實用工具:

157 則留言:

  1. <76825867892116098>(以上內容請勿刪除,從括號之後開始留言)
    感謝 ^^

    回覆刪除
  2. 推,會貢獻Blogger Hack的人越來越少了

    回覆刪除
  3. <313364998717339372>(以上內容請勿刪除,從括號之後開始留言)
    hi, long long time no see!

    回覆刪除
  4. 這個超讚的留言顯示功能,可以取代已經故障,孤狗提供的留言外掛了。

    回覆刪除
  5. <5894933743290717545>(以上內容請勿刪除,從括號之後開始留言)
    謝謝,歡迎自取~~

    回覆刪除
  6. 耶!!可以用了!!!
    謝謝你的工具!!!! 好棒!!
    我還在想估狗提供的那個工具都掛了怎麼辦
    還好有找到這個更好用的!
    謝謝你!

    回覆刪除
  7. <8484207320125259074>(以上內容請勿刪除,從括號之後開始留言)
    不客氣 ^^

    回覆刪除
  8. Let me try your version.
    我也覺得我的版本不好看。

    回覆刪除
  9. 我有問題!請問為何我使用了之後,工具左邊會有大gap?

    回覆刪除
  10. <4352198129639118315>(以上內容請勿刪除,從括號之後開始留言)
    原來使用特製範本裝小工具會有些麻煩哩,因為不曉得特製範本會自己增加什麼樣的 CSS。請你對照原程式碼的行號新增以下內容:

    在 D 與 E 行之間插入:
    #RecentCommentsArea ul {
    margin: 0px;
    }
    #RecentCommentsArea li {
    padding: 0px;
    }

    在 F 與 G 行之間插入以下:
    padding: 0px;
    background-image: none;

    先試試看效果,我用 chrome 看這樣改的話是 ok 的。

    回覆刪除
  11. Yay~~~~ it's working!! 你太強大了!!(灑花瓣)

    回覆刪除
  12. <5279333196073129457>(以上內容請勿刪除,從括號之後開始留言)
    great~我看到成功了 ^^

    回覆刪除
  13. 你的版本好看多了!!!!!(大拇指)

    回覆刪除
  14. <6319762492935209393>(以上內容請勿刪除,從括號之後開始留言)
    謝謝~
    我看到你留言字數改得滿長的,提醒一下留言可以收合喔(不過說不定你知道了)

    回覆刪除
  15. 我想說這樣看起來會不會比較壯觀一點........ << 想太多 XD

    回覆刪除
  16. 很漂亮的小工具,比blogger原本那個漂亮太多!而且還可以自訂好多東西,連註解都很貼心,謝謝無私的分享 ^^

    回覆刪除
  17. <5854674425924175197>(以上內容請勿刪除,從括號之後開始留言)
    不客氣,您的部落格做的好用心,看了很舒服,我也可以偷學幾招~

    回覆刪除
  18. 我終於把這個好用的外掛放到網誌了 >///<

    回覆刪除
  19. <5033715884914121966>(以上內容請勿刪除,從括號之後開始留言)是您一直都太忙了~~

    回覆刪除
  20. 您好,
    不知道您是否方便解救一下,
    不急,您有空再幫忙即可...。

    問題如下...

    [關於最新回應]

    1.文章標題怎麼縮短?
    像留言一樣,短短的+...就好(無需展開功能),因為我的標題都瘋狂長,然後...呵~~那畫面就密密麻麻的。

    2.回應的字體顏色設定好後,滑鼠移過去就失效了,我看其他使用者都正常,唯獨自己 >"<,是過去範本改太多改到亂如麻嗎?

    [其他問題]

    1.blogger本身有回覆的蜂巢功能(好像是這個名稱?),本來都好好的,但突然某一天就失效,按「回復」都沒反應,google了好久好久也找不到適合的解決方式,這...還有救嗎?

    回覆刪除
  21. 作者已經移除這則留言。

    回覆刪除
  22. <5186599631289184215>(以上內容請勿刪除,以下引言請自行刪減) [quote]1.文章標題怎麼縮短?像留言一樣,短短的 ...就好(無需展開功能)[/quote]

    請找到程式碼 AR 行,把裡面的字串「rComment_prog.postTitle[e]」改成「rComment_prog.postTitle[e].substring(0,x)+"..."」,x 填入你要的字元長度即可。

    [quote]回應的字體顏色設定好後,滑鼠移過去就失效了)[/quote]
    這是正常的,因為我的程式已經設定會自動抓取「超連結的顏色、及滑鼠經過超連結時顯示的顏色」,並不需要另外用 CSS 設定顏色,而如果用 CSS 設定顏色的話也只會一開始生效,等滑鼠移過後,顏色就是由程式控制了。

    所以,你可以到後台範本→自訂→進階,來設定"超連結顏色"、及"滑鼠經過超連結時顯示的顏色",系統會自動去抓顏色。

    不過,我看你側邊欄的超連結都沒有顏色,不曉得是不是CSS有另外設定?

    [quote]blogger本身有回覆的蜂巢功能(好像是這個名稱?),本來都好好的,但突然某一天就失效,按「回覆」都沒反應[/quote]
    我沒有使用「串聯式」留言,不如你到「Blogger中文社群」問看看,附上你的網址,看有沒有人遇到類似的情況。

    回覆刪除
  23. 謝謝你喔!標題跟顏色的問題都解決了。

    ps.原來那是超連結的顏色。"超連結顏色"及"滑鼠經過超連結時顯示的顏色"這兩種我都設定一樣的,所以...。

    至於那個串聯回覆的問題,已經放上blogger中文社群請求幫助了,這問題擺爛了至少半年以上,每次看到都ooxx,又不想改成整頁模式。

    總之~感謝!^^

    回覆刪除
  24. <782261183694775843>(以上內容請勿刪除,從括號之後開始留言)
    不客氣,你的網站內容很豐富、做的也很用心啊~

    提供一點小意見,既然 "超連結顏色"及"滑鼠經過超連結時顯示的顏色" 都設成一樣,那麼或許可以考慮設定「留言者暱稱」的顏色?

    另外,我的螢幕是 1024 x 768,由於你的「留言者暱稱」字體大小設定成 50%,完全看不出是什麼字喔(字太小了)!說不定用不同的瀏覽器可以看出差異。

    回覆刪除
  25. 你好客氣喔 >"<

    「留言者暱稱」按照你的建議,改個顏色,能看出每則留言的區隔,挺棒的。

    至於「50%」的留言所屬文章標題,哈!
    因為先前整個標題顯示,使的該區塊大量文字爆炸,於是就先把他們給縮小,改善後忘記改回,目前已經修正,謝謝喔!

    blogger正夯時,一大堆人分享hack跟小技巧,後來多數人幾乎都投入了wordpress...,blogger的東西也就...,真的!還好有你~~不然我這種「半滴水(不到半桶,甚至不到一滴)」就麻煩大了。

    回覆刪除
  26. <4129635108142031234>(以上內容請勿刪除,從括號之後開始留言)
    謝謝你的支持,這陣子我還是會繼續寫 Blogger 主題的文章的 ^^

    回覆刪除
  27. <1425432042807826369>(以上內容請勿刪除,從括號之後開始留言)
    不客氣,你的時計滿特別的~

    回覆刪除
  28. 直接將上面的那串語法貼上就可以了嗎?
    語法裡面的='http://wayne-fu.blogspot.com/2012/11/recent-comment-avatar-title.html'
    這串需不需要修改呢?
    另外我的部落格貼上這段語法後,一直都沒有出現最新回應...

    回覆刪除
  29. <7831098471760419854>(以上內容請勿刪除,從括號之後開始留言)我看了你的部落格,程式碼是正確的,但的確留言無法顯示。這是我第二次看到這樣的情形,上一次是這個部落格:http://druggieheaven.blogspot.com/

    觀察了一下,與你的部落格的共通點是──都使用了 Awesome Inc 的範本。也許這個範本不知哪裡與本文的程式碼相衝吧?(但我的部落格也是 Awesome Inc 啊~)

    最後那位格主改安裝「最原始版本的最新回應」才得以顯示,雖然功能比較少、可能會有 bug,但也是沒辦法的事了。

    回覆刪除
  30. 好的,謝謝 我試試最原始版本的回應~

    回覆刪除
  31. 我有用了你的文章分類和留言回應,沒有你的分享我可能就不想用blogger了... 十分感謝!! 另外,我把留言回應的"暱名"頭像換掉了,請問你介意嗎?

    回覆刪除
  32. <8130600814882589654>(以上內容請勿刪除,從括號之後開始留言)不客氣~
    我把參數怎麼修改都公開,當然是讓大家自己改啊~這樣版面才美觀。

    你的照片照得超棒的!我很喜歡,歡迎 PO 到社群自介,或是也可發文章到「文章交流」討論區(要注意版規)、也可發到「Blogger 優文集散地」 ^^

    回覆刪除
  33. 謝謝!非常實用的文章!

    回覆刪除
  34. <1367521831240727490>(以上內容請勿刪除,從括號之後開始留言)不客氣。
    歡迎來自德國的朋友啊~歐洲的房子真漂亮,都是五顏六色!

    回覆刪除
  35. 你好,我是從別的blog搬過來的,
    我試過這個版本與另一版本(無留言頭像),都會出現同樣的狀況:
    出現留言重複&出現"文章已刪除",但實際上,文章是存在的,並沒有刪除…
    是因為我從別的blog匯入的關係嗎?還是我需要做什麼樣的修改?謝謝

    回覆刪除
  36. <1288973569679526205>(以上內容請勿刪除,從括號之後開始留言)抱歉,忘了附網址:http://iampisece.blogspot.tw/

    回覆刪除
  37. <1288973569679526205>(以上內容請勿刪除,從括號之後開始留言)留言顯示 "文章已刪除" 的話,代表那篇留言對應的文章網址是不存在的,這表示 feed 裡面的資料是錯誤的。

    而為何會出錯,可能如你提的 "是因為我從別的blog匯入的關係嗎",也許在匯入的過程系統產生了問題。

    我想到的解決方法是,先從出問題的留言,找到對應的出問題的文章,將文章刪了,再重新匯入那幾篇文章試試看。

    回覆刪除
  38. 想請問一下如果不想要顯示任何頭像的話,該改掉哪一段語法呢?我有試著把headWidth設成0,不過頭像的連結還是在,也可以點取到...
    也有試著搜尋過您的blog,不過好像沒有看到單純只有文章標題和最新回應的版本,希望您不介意我想拿掉那麼大的功能才好。

    回覆刪除
  39. <1708744709220574648>(以上內容請勿刪除,從括號之後開始留言)我也看過有人把這個小工具的頭像改掉,也許的確有這樣的需求存在吧。請按以下步驟:

    1. 在 G 與 H 行之間,插入 #RecentCommentsArea span img{
    display: none;
    }

    2. AH 行的頭像寬度改為 0

    3. 搜尋 (m+10) 這個字串然後改成 m 即可。

    回覆刪除
  40. <5543391879147474274>(以上內容請勿刪除,從括號之後開始留言)

    非常謝謝你!:)
    我會想要拿掉頭像是因為希望能讓邊欄保持沒有圖片的純文字狀態(但其實只是看起來沒有圖片而已XD)~

    回覆刪除
  41. 格主您好,正在試用您的「最新留言」功能,我下載了 RecentComment-20121125.js ,將裡面的內容複製到 blogger 的 HTML/Javascript 小工具內,顯示結果,一直在繞圈圈耶,沒有任何畫面出現,請問哪邊出了問題呢,謝謝您的幫忙

    回覆刪除
  42. <756050153832824430>(以上內容請勿刪除,從括號之後開始留言)測試過後, 程式碼正常沒有問題. 我注意到你使用的是特製範本, 非 Blogger 官方範本, 所以無法知道會是什麼地方與本文的「最新回應」小工具相衝.

    只好請你如【留言 #17】一般改用較舊版本(本站目前一共有三個版本)。

    若舊版本執行 ok 的話,麻煩再刪除我在你家的測試留言囉。

    回覆刪除
  43. <3464090840333979840>(以上內容請勿刪除,從括號之後開始留言)我有看到格主留言測試,勞駕您了真是感謝,的確我是用第三方的樣本,好,我會測試舊版本,再次感謝您!

    回覆刪除
  44. 按照 'Blogger 修改留言頭像尺寸及形狀的 CSS 語法' 那篇文章,頭像能夠有圓角效果,依者這個概念,最新回應工具能做到這點嗎?

    回覆刪除
  45. <2637791244507003388>(以上內容請勿刪除,從括號之後開始留言)在程式碼 G 與 H 行中間插入以下程式碼,可自行調整 CSS 參數:

    #RecentCommentsArea img {
    border-radius: 7px;
    }

    調整 7px 的數值,就能達到自己要的效果了。

    回覆刪除
  46. <8684342097462741046>(以上內容請勿刪除,從括號之後開始留言)成功了!謝謝!

    回覆刪除
  47. 找尋yahoo search找不到blogspo文章時,剛好看到這篇,感謝分享
    穫得一個漂亮的最新回應 :)

    回覆刪除
  48. <8170859457772009300>(以上內容請勿刪除,從括號之後開始留言)所以說別用 Yahoo Search ><,Google 才會找到好東西 ^^

    回覆刪除
  49. <8170859457772009300>(以上內容請勿刪除,從括號之後開始留言)不客氣,你也很仔細讀留言喔,馬上修改了留言頭像~ ^^

    回覆刪除
  50. <1121156158145212153>一直都用google找東西~ 只是blog有大部份流量是來自yahoo search ...唉~

    回覆刪除
  51. <6325535662936465441>(以上內容請勿刪除,從括號之後開始留言)0.0 你的情況挺特別...
    看看這些討論串你就知道:https://plus.google.com/u/0/communities/103807083735607134704/s/Yahoo

    回覆刪除
  52. 您好!先謝謝您的熱心提供~
    我的blogger三種版本都無法顯示,也想可能是套用模板的問題,所以套用到另一個blogger帳號測試(使用官方簡單版型),結果也是無法顯示。
    兩個blogger的共通點就是內容一樣,都是由天空部落匯出MT,再經由''blogtrans''轉檔成XML,匯入blogger。
    不知道是不是這個原因啦~只是想提供給您參考~

    回覆刪除
  53. <7765420208021908176>(以上內容請勿刪除,從括號之後開始留言)謝謝kimmy的回報, 這個訊息幫了很大的忙。我檢查過你的留言feed,發現格式果然不太一樣,不過應該不是"天空部落格"的關係,我看 feed 的格式為 summary,也就是說你可能在「後台」->「設定」->「其他」->「允許網誌資訊提供」->「自訂」->把「網誌留言資訊提供」設定為「簡短」了。

    在這個情況下,我的最新回應小工具,只有最舊那一版可以讀取。而你裝了最舊版仍無法顯示,可能只是因為瀏覽器快取的緣故,換別的瀏覽器應該就正常了。

    所以,請你將留言的「網誌留言資訊提供」設定為「完整」,那麼我相信最新版的最新回應小工具就能運作了。

    也由於你的留言,我覺得上面幾個無法安裝的個案,應該都是這樣的情形,所以我會在本文發個公告提醒,再次感謝!

    回覆刪除
  54. <2366409682207654612>(以上內容請勿刪除,從括號之後開始留言) 版大您好!收到您的通知了,原來是這樣的解法呀!再次感謝,會在找時間試看看,感恩!

    回覆刪除
  55. <2366409682207654612>(以上內容請勿刪除,從括號之後開始留言)挖!成功了!
    果然,將''簡短''改為''完整'',再到chrome就可以看到了!
    謝謝您!

    回覆刪除
  56. 您好,謝謝您的留言,我已修改我的部落格留言格式,已經順利顯示出來了,感謝~!

    回覆刪除
  57. 格主你好,安裝小工具後有完整顯示出來
    不過要回覆他人的留言時點選"回覆"沒有反應
    反而點選"刪除"可以正常運作,不曉得我哪個環節出錯了@@?

    回覆刪除
  58. <8637881806140768490>(以上內容請勿刪除,從括號之後開始留言)如果你覺得是安裝了「最新回應」才產生這個問題的話,可以先把「最新回應」刪了,就知道是不是「最新回應」導致這個問題。

    依我的經驗,因為你剛來 blogger,安裝了很多小工具,說不定也移除了一些小工具;若是程式碼沒有移除乾淨,以後就會 debug 半天找不出錯誤的原因。

    前幾樓的「阿啦」也曾跟你一樣遇上同一個問題,我不清楚他解決了沒,你可以到他的部落格請教他。

    因為你部落格裝的東西還不多,說不定可以重新來過,建議你可以先看「Blogger範本」這一系列的幾篇文,會有幫助。

    回覆刪除
  59. <7744026147868750567>(以上內容請勿刪除,從括號之後開始留言)不客氣~^^

    回覆刪除
  60. <4446738985274468038>(以上內容請勿刪除,從括號之後開始留言)不客氣~^^

    回覆刪除
  61. 修改為「完整」後,就可以正常顯示了

    您的「最新留言」是我看過最好看的!! 在此感謝了!

    回覆刪除
  62. <7675186463853595814>(以上內容請勿刪除,從括號之後開始留言)不客氣~
    您的版型很好看,我也滿喜歡的! ^^

    回覆刪除
  63. <6822769704623987705>(以上內容請勿刪除,從括號之後開始留言)不好意思請教一下,openLogo 和 closeLog 參數,能夠餵外部圖片嗎?因為看 anonymous 和 openID 可以吃外部圖片,所以試著把 opneLogo 也改自己的圖片,但似乎無法生效。向您確認一下是否可以這樣做呢?

    回覆刪除
  64. <2764146676728907104>(以上內容請勿刪除,從括號之後開始留言)呵呵,openLogo 和 closeLogo 沒有想過要使用圖片,所以沒有寫這個功能,因為當初認為有很多字元可以代替,可節省網路傳輸,請參考「HTML相關(筆記)」→「工具彙整」,有一些特殊符號的網站可以查詢。

    回覆刪除
  65. <34306036907914496>(以上內容請勿刪除,從括號之後開始留言)好的,謝謝 ^^

    回覆刪除
  66. 您好~謝謝您閱讀我的留言:
    這是我的部落格http://lisa50218.blogspot.tw/
    再請問您如何
    1.刪除留言者頭像,每則留言前有一個項目的點。
    2.文章標題不要粗體字
    3.刪掉最下面"︾ ︽ 編號 1-5, 總共: 1404. >>"這個部分,只顯示最新的十五則留言~

    不好意思一口氣問了好多問題,因為我沒有寫程式的背景,又希望部落格的畫面風格可以統一~,如果方便的話請您指教>///<
    謝謝您:)

    回覆刪除
  67. <4369174264198863251>(以上內容請勿刪除,從括號之後開始留言)請你先把本文這個最新回應的程式碼裝上去喔,這樣才能看你網站的效果,然後知道怎麼修改。

    回覆刪除
  68. 您好~謝謝您的回應!
    但我只是想把原本的最新回應加上"文章標題",其他不變~可能用原本的程式碼修改比較容易些~

    謝謝您如此費心!

    回覆刪除
  69. <6150409592452986283>(以上內容請勿刪除,以下引言請自行刪減) [quote]1.刪除留言者頭像,每則留言前有一個項目的點。[/quote]
    你提的這個情形,沒有安裝本文的程式,讓我看到頭像前面的"點",我沒辦法幫你修改啊

    回覆刪除
  70. 成功了...成功了...
    謝謝WFU無私分享....感謝你!

    回覆刪除
  71. <5792758506434312688>(以上內容請勿刪除,從括號之後開始留言)不客氣~

    回覆刪除
  72. 你好,請問為何我在這篇留言TEST後
    http://www.kahnmacau.com/2013/09/ikea.html
    下方的留言並沒有顯示出來呢
    謝謝

    回覆刪除
  73. <606349039630874445>(以上內容請勿刪除,從括號之後開始留言)會不會是當成垃圾留言?可以到後台看看...

    回覆刪除
  74. <606349039630874445>(以上內容請勿刪除,從括號之後開始留言)你到後台的「googl+」-->「為這個網誌啟用 Google+ 留言功能 ?」看看有沒有勾選,有的話把他取消就行了。

    想要安裝g+留言框的話,最好參考「Blogger 轉換為 Google+ 留言系統的各種方法」、「徹底解決 Google+ 留言框無法收到留言通知的問題

    回覆刪除
  75. Wayne 大哥我的 recent comments 無法更新 永遠停留在 4/9! 已查了設定 是更以下的一樣 有辦法嗎?

    如果最新回應小工具無法顯示,可能的原因有: 1. 後台 → 設定 → 基本 → 網誌讀者 → 請檢查是否開放給「任何人」 2. 後台 → 設定 → 其他 → 允許網誌資訊提供 → 請檢查是否為「完整」;如果不是完整而是「自訂」的話,請檢查「網誌留言資訊提供」是否設定為「完整」,這裡的設定必須是「完整」,最新回應才能顯示。

    回覆刪除
  76. <3110858418652763010>(以上內容請勿刪除,從括號之後開始留言)小朋友好可愛啊~真令人羨慕 ^^

    recent comments 沒有問題, 這是正常的, 因為我發現你改用「G+ 留言框」了, recent comments 只能讀取原生 Blogger 的留言,所以除非你換回原生 Blogger 留言系統,不然 recent comments 就是永遠停留在 9/4 了...

    你也可以跟我一樣,blogger 原生系統與 G+ 留言框並存,安裝這個「Google+留言框__與其他留言外掛並存+留言提醒功能」:http://wayne-fu.blogspot.tw/2013/09/blogger-gplus-comment-reminder-2.html

    回覆刪除
  77. 謝謝提供
    另外請問:
    1 留言者暱稱在哪兒可以更改顏色
    2 這樣是否已整合g+留言

    回覆刪除
  78. <4946968462267476865>(以上內容請勿刪除,從括號之後開始留言)這樣不會整合 G+ 留言喔~
    這個工具只是用來顯示 Blogger 原生留言系統的最新留言。

    回覆刪除
  79. 謝謝你~成功安裝了
    您的部落格真是我們這些搬來blogger新手的救星呀

    回覆刪除
  80. <8565064974426619383>(以上內容請勿刪除,從括號之後開始留言)不客氣 ^^

    回覆刪除
  81. <4946968462267476865>(以上內容請勿刪除,從括號之後開始留言)
    1. 會問這個問題我相信你瞭解 CSS,以下是原文「程式碼 P~R :這是留言者暱稱區塊的 CSS,可自行修改字體大小、或其他 style 參數。」

    請在 P~R 行插入你要改顏色的 CSS 碼即可。

    2. 如 ken 的回答,這個小工具無法顯示 G+ 留言,因此要請你恢復為 Blogger 原本的留言系統,或是可參考這篇文章「Google+留言框__與其他留言外掛並存+留言提醒功能」,讓 G+ 留言框與 Blogger 留言系統並存。

    回覆刪除
  82. Wayne, 我嘗試用html, copy and paste the css for 最新留言, 可惜仍未能顯示, 不知那裡出錯。 can you help please?

    回覆刪除
  83. <1373192494785553698>(以上內容請勿刪除,從括號之後開始留言)看了你的網頁,並沒有安裝這個小工具,你要將錯誤的狀態留著,才能看是什麼問題喔!

    另外,「三、安裝程式碼」-->「2013.7.9 公告」,請先閱讀重要說明。

    回覆刪除
  84. <8025183334727171222>(以上內容請勿刪除,從括號之後開始留言)thanks! will try it again.

    回覆刪除
  85. 您好
    請問:回覆時,如何才能接在回應者下方,而不是在右側造成另一新增,麻煩您
    謝謝

    回覆刪除
  86. <9098419808702460050>(以上內容請勿刪除,從括號之後開始留言)不是很瞭解你的意思,或許給個示意圖比較清楚。
    如果你要回覆出現在原留言的正下方(而不是右側),那麼不要用回覆功能,直接留言即可(只不過這樣就不叫回覆了...)。

    回覆刪除
  87. <8025183334727171222>(以上內容請勿刪除,從括號之後開始留言)hi Wayne. Sorry to bother you again. I have tried and redo it. But the 最近留言 still 在板面轉轉轉,可以幫個忙嗎?best regards.

    回覆刪除
  88. <5706231980797653218>(以上內容請勿刪除,從括號之後開始留言)請問「2013.7.9 公告」的動作都完成了嗎?我看你的 comments feed 仍然沒有開放完整。

    回覆刪除
  89. <6313603551873697642>(以上內容請勿刪除,從括號之後開始留言) thanks Wayne, you were so patient for me! best regards

    回覆刪除
  90. Wayne大大,個人表達的不是很好,請您到頁面幫我看一下:
    http://dollarlive.blogspot.tw/2013/09/blog-post_11.html
    這篇我有回覆,但右側的最新回應與留言..我的回覆卻不是在回應者po文下方,而是另一則新的,這要如何更改,請幫忙
    謝謝

    回覆刪除
  91. <444287928340095093>(以上內容請勿刪除,從括號之後開始留言)請問您是指這個 hack 所顯示的最新的留言在最上方嗎?

    回覆刪除
  92. <6025327426892973791>(以上內容請勿刪除,從括號之後開始留言)no problem, samwei, enjoy it!

    回覆刪除
  93. <444287928340095093>(以上內容請勿刪除,從括號之後開始留言)如下面 ken 所說的, 最新的留言永遠會出現在最上方. 如果新的回覆出現在下方, 那代表舊的留言會在上方, 那麼最上方就會是最舊的留言, 最新的留言要擠到最後一頁了, 這樣的小工具會變成 "最舊留言" 了喔~ 沒關係的,看久了就習慣了!

    回覆刪除
  94. 你好呀!為什麽我安裝之後只顯示A、B、C、D、AC呢?

    回覆刪除
  95. <7513713253564945141>(以上內容請勿刪除,從括號之後開始留言)請留下沒有你的網址,否則我無法知道是什麼狀況。

    如果你複製程式碼的時候,會把前面的行號 A、B、C...等都複製進去,可能你使用了冷門的瀏覽器,請改用本站推薦的 Chrome、Firefox、Opera 等瀏覽器操作,否則有那些行號的話,程式碼會無法執行的。

    回覆刪除
  96. <412295480776665200>(以上內容請勿刪除,從括號之後開始留言)謝謝你的回覆,搞掂咗啦!多謝你!

    回覆刪除
  97. 版大您好,請問一下:
    要如何修改可以讓留言完全顯示,而不要展開和收合的功能,感謝您。

    回覆刪除
  98. <8758508443347123385>(以上內容請勿刪除,從括號之後開始留言)不客氣~

    回覆刪除
  99. <2083995157369298755>(以上內容請勿刪除,從括號之後開始留言)你可以按「全部展開」的按鈕,或裝其他外掛,應該很多外掛都是沒有收合功能的。

    回覆刪除
  100. Hi Wayne Fu, 您好, 我是blogspot的新手, 很多設定還不懂得, 想向您求救 :
    (1) 如何設定"網誌分類"或"文章分類"呢?
    (2) 如何把版頭的標題上下左右置中?
    (3) 看見您在版頭放上您的頭像, 是怎樣做到的?

    懇請賜教, 候覆, 謝謝!

    回覆刪除
  101. <1135649177823036561>(以上內容請勿刪除,從括號之後開始留言)hi Amy, 你的問題都跟本文無關喔,請到相關文章提問,或是可以到「Blogger社群」提問。

    版頭沒有我的頭像啊?你是說側邊欄的「關於格主」嗎?那是 Blogger 官方小工具「簡介」

    回覆刪除
  102. 我剛剛成功安裝了~~~~ 真的謝謝!

    回覆刪除
  103. <5976030943664616767>(以上內容請勿刪除,從括號之後開始留言)不客氣~ ^^

    回覆刪除
  104. 版大您好,請問是不是我所使用的版形不夠寬的關係,讓右邊整個字都縮成好幾排?
    http://niketeng.blogspot.tw/

    回覆刪除
  105. <99345030438981111>(以上內容請勿刪除,從括號之後開始留言)是的,很明顯你的小工具的寬度,都只有側邊欄的一半寬,不知道是什麼原因,你得想辦法解決。你可以到後台的「版面配置」,看看小工具是不是指有一半的寬度,是的話,想辦法拉成全部的寬度。

    回覆刪除
  106. <1514943383499604861>(以上內容請勿刪除,從括號之後開始留言)
    板大~~照您所言.找到小工具修改...以完成
    謝謝

    回覆刪除
  107. <3706581608569969421>(以上內容請勿刪除,從括號之後開始留言)不客氣~~

    回覆刪除
  108. 我朋友的blog 是用Google +留言的,是否不能用這個「最新回應」版本呢?
    朋友的blog 是http://stellaluk.blogspot.hk/ ,她做的留言回應「最新回應」,做不到最新回應
    (即 update唔到 ),最否要delete 咗個〝Google +留言〞才得呢?

    回覆刪除
  109. <6191173353054674585>(以上內容請勿刪除,從括號之後開始留言)當然,用Google+ 留言框會令這個 hack 沒法讀取的 feed ^^

    回覆刪除
  110. 多謝Ken Lo 的回覆,那麽要delete 咗個〝Google +留言〞嗎?
    有否其他方法做 " 留言回應 "呢?

    回覆刪除
  111. <8800378314506990334>(以上內容請勿刪除,從括號之後開始留言)並存吧~ 既能留住 Google+ 留言,又能用 " 留言回應 " 這個 hack ^^

    回覆刪除
  112. <8800378314506990334>(以上內容請勿刪除,從括號之後開始留言)謝謝 ken 幫忙回覆.

    @Ka Ka, 如果要「google+留言框」與「Blogger留言框」並存,可參考這篇「Google+留言框__與其他留言外掛並存

    回覆刪除
  113. Ken: 請問如何並存呢?請賜教!thanks

    回覆刪除
  114. <619424046673372280>(以上內容請勿刪除,從括號之後開始留言) Wayne Fu,thanks a lot!

    回覆刪除
  115. <5628628162556996599>(以上內容請勿刪除,從括號之後開始留言)no prolbem~

    回覆刪除
  116. Wayne Fu ,可否到後台的「googl+」-->「為這個網誌啟用 Google+ 留言功能 ?」把勾選的 "Google+ 留言功能" delete了 ,然後再装上 " Blogger 最新回應+留言者頭像+文章標題" 呢?
    不過會否令之前的所有在post 中的留言消失呢?

    回覆刪除
  117. <240059416265406627>(以上內容請勿刪除,從括號之後開始留言)
    1.「Google+留言」與「Blogger留言」的資料分別放在不同的伺服器
    2.「Blogger 最新回應」工具只能讀取 Blogger 系統的留言, 不能讀 Google+ 的留言

    你直接裝「Blogger 最新回應」工具,就能看出分別了。

    回覆刪除
  118. <5936155289641077017>(以上內容請勿刪除,從括號之後開始留言)你的blog很夢幻啊~表情符號效果不錯,應該來宣傳一下!

    回覆刪除
  119. <616709435455376354>(以上內容請勿刪除,從括號之後開始留言)
    很高興你這麼說啊! 哈哈!
    blogspot 有這麼多愛分享的達人真好!

    回覆刪除
  120. <5358580267083957550>(以上內容請勿刪除,從括號之後開始留言)呵呵,歡迎來「Blogger中文社群」逛逛,會看到更多達人喔!

    回覆刪除
  121. 請教如果只想顯示訪客留言, 我的回覆不用顯示, 要如何更改? 謝謝

    回覆刪除
  122. <3599849300209775034>(以上內容請勿刪除,從括號之後開始留言)不好意思喔,沒有準備寫這種功能的打算啊~~

    回覆刪除
  123. 請問大大~~~
    我試了好幾次但是每次都會顯示還在跑的圈圈~~
    請問我是哪邊出了問題呢??

    回覆刪除
  124. <1583241491853173167>(以上內容請勿刪除,從括號之後開始留言)你的狀況跟留言 #53 的狀況一樣,所以請先閱讀重要說明「三、安裝程式碼」-->「2013.7.9 公告」。

    回覆刪除
  125. 謝謝大大~~~已經張貼成功了!!
    不過我剛剛要改留言文章的顏色卻改不成功,
    是因為原本模板設定的關係所以語法蓋不過去嗎?
    總之還是謝謝大大~~
    因為我也是剛從痞客邦搬過來的~
    您的文章讓我受益良多^O^

    回覆刪除
  126. <8551112856379198020>(以上內容請勿刪除,從括號之後開始留言)不客氣~你的網站配色看起來很舒服呢!

    關於設定留言顏色的問題,請見 #12 的提問以及回覆,程式會自動抓網站預設的超連結顏色。

    回覆刪除
  127. 謝謝您耐心的回答^O^
    看了好多您的文章,只能說您真是幫了我大大大忙~~~~
    再次感謝您~

    回覆刪除
  128. <3270722633226996766>(以上內容請勿刪除,從括號之後開始留言)您太客氣了 ^^ 很高興我的文章對您有幫助~~

    回覆刪除
  129. HI~跟您複製使用程式了,謝謝您的分享^^
    很成功非常開心

    回覆刪除
  130. <41051965473930998>(以上內容請勿刪除,從括號之後開始留言)很高興對你有幫助 :)

    回覆刪除
  131. 我也完成這項功課了~~~大感謝!
    一開始滑了文章,以為會很複雜,結果複製貼上後,在我的板上都不用改任何東西一點違和感都沒有呀!真是太棒了!

    回覆刪除
  132. <7221494290501563496>(以上內容請勿刪除,從括號之後開始留言)不客氣,這篇的安裝難度是最低的~^^

    回覆刪除
  133. 感謝您無私的分享與教導!
    我暫時先用這一篇了 
    P~R:這是留言者暱稱區塊的 CSS,可自行修改字體大小、或其他 style 參數 這段我不太懂?
    我想把回暱稱縮小字體 覺得字體太大了 麻煩您了 該修改哪一段呢?


    「Google+留言框__官方安裝版」+留言提醒功能 我如果要用這篇是不是就要換成google+留言版了? 有待研究 不懂的再請教您!
    您用的是哪一種留言方式呢?我看不太懂?有悄悄話是不是就該用google+呢?
    有空會慢慢爬文 非把它弄清楚不可!
    太謝謝您的文章了 您真是新手的好老師!

    回覆刪除
  134. 不好意思!剛剛回頭看了您的回應區是關門的 看來整齊劃一 這該參考哪一篇呢?

    回覆刪除
  135. <3842796266822129311>(以上內容請勿刪除,以下引言請自行刪減) [quote]您的回應區是關門的 看來整齊劃一[/quote]

    不好意思,不太懂這一段的意思?

    回覆刪除
  136. <3624404945849226760>(以上內容請勿刪除,從括號之後開始留言)1. P~R行有個 110%,調整這個數字就行了。

    2.這篇「最新回應」是給Blogger留言用的,不是 G+留言框喔!我的是舊範本blogger留言,所以可能看不太出來,你的是新範本。

    3. 有問題也歡迎到「Blogger中文社群」詢問,應該可以比較快得到回答,在這裡我通常一天看一次留言吧~

    回覆刪除
  137. 非常謝謝您的推薦與答覆!
    非常抱歉!耽誤您太多時間了
    有空我自己慢慢爬文找答案!
    再次謝謝您的熱忱教導!

    回覆刪除
  138. 請問我照以上程序安裝後,為什麼不會顯示最新留言,一直在1-15篇之內?

    回覆刪除
  139. <8136375000962274565>(以上內容請勿刪除,從括號之後開始留言)詢問時記得附上網址,才方便看你的網站問題在哪裡喔~
    你啟用了G+留言框,那是另一個留言系統,所以無法顯示G+的最新留言。可以參考上面留言 #64 ~ #70 的討論。

    回覆刪除
  140. 想請問一下,我想要修改"最新留言"區塊顏色,例如我想要讓顯示文章標題為藍色的話,是這樣修嗎?(我連結設定為藍色,但是範本爛掉了,他永遠都顯示為黑色,只有文章內容可以手動改成藍色,側欄全部都是黑的==)

    .rcPostTitle
    color: #0000ff;
    font-size: 85%;
    font-weight: bold;
    line-height: 110%;
    引號我拿掉了,不然留言顯示怪怪的
    我現在就是改成這樣,但沒有出現藍色,不知道修改css是要用什麼方法改?謝謝!

    回覆刪除
  141. <7447469599773713681>(以上內容請勿刪除,從括號之後開始留言)請參考留言 #12 的回覆,文章標題 → 系統會自動抓取超連結的顏色,所以真的要改只能改超連結的顏色。

    回覆刪除
  142. 哈囉WFU大~~~~
    我有個問題想請教您!
    我之前有按照您的這篇文章安裝文章留言回應,
    不過不知道為什麼最近要回覆留言的時候,
    點選「回覆」後,畫面會直接跳到網站的頁首!!!!
    不會現像之前可以留言的框框出來~
    請問這樣是我需要再去設定什麼嗎?
    不好意思麻煩您了><

    回覆刪除
  143. <5374297837758647314>(以上內容請勿刪除,從括號之後開始留言)幾個月前在blogger中文社群有討論這件事,可參考「這個討論串」,chrome 有更新版本的話,這個問題應該就解決了~

    回覆刪除
  144. 謝謝你分享,已經成功安裝 : )

    但我有個小問題,就是我的「留言內文」的第二行
    會有自動空一個字的情況,沒辦法和第一行標齊對正

    請問需要到哪裡設定呢?

    這是我的網誌:http://moonpolo.blogspot.tw/

    再次感謝你

    回覆刪除
  145. <1592531002724151087>(以上內容請勿刪除,從括號之後開始留言)你的版型滿不錯的,將最新回應的高度固定也是很好的 idea!

    回到你的問題,因為非官方範本,檢查了一下發現這個範本設定了特殊的 CSS,所以會讓版面異常。我已修正了部份程式碼,你可以將程式碼移除,再重新安裝應該就可以了。

    回覆刪除
  146. Wayne大大您好,我已經安裝了這個程式碼了
    但猜測是因為沒有關閉Google+留言
    所以無法順利顯示在右側
    可是我也關不掉Google+留言
    我明明自己就是管理員 也只有我一個人
    卻沒有跳出可以關閉的選項
    請問為什麼會這樣子呢? 我測試到快瘋了

    回覆刪除
  147. <3400541260464087567>(以上內容請勿刪除,從括號之後開始留言)你好,可到後台的「googl+」-->「為這個網誌啟用 Google+ 留言功能 ?」看看有沒有勾選,有的話把他取消就行了。

    如果無法取消勾選,可以附上截圖看看是怎麼回事。

    回覆刪除
  148. 你好,我的情形和 http://kenohya.blogspot.tw/2014/07/bloggergoogle.html
    這篇文章的第三張圖一樣
    但是差別在...我自己就是作者,且管理員也只有我一人
    卻無法關掉g+留言這個設定
    記得之前可以,但現在卻不行了

    我昨晚也有用同帳號開了一個新的網誌
    情形依然是無法關掉g+留言
    而且開設網誌的當下
    就已經開啟g+留言的功能了
    請問Wayne大有遇過類似的情況嗎?
    我現在留言板整個形同虛設呀
    謝謝

    回覆刪除
  149. <3093181234018575511>(以上內容請勿刪除,從括號之後開始留言)原來有這樣的情況,以前不會出現,看來這是 Blogger 新帳號才會這樣。

    那你可以按下「開始移轉」,之後的畫面就會一致了。將來不想移轉的時候,都有選項可以還原的。

    回覆刪除
  150. 謝謝大大! 我終於成功了!
    只是導致我現在留言會顯示出真實姓名
    似乎要直接在GOOGLE那邊的帳號設定
    才有辦法讓我的名字更改掉?
    另外,這個網站真的超棒!
    雖然我有很多不會的地方
    但真的對初學者相當友善呀!

    回覆刪除
  151. <4686767235415272910>(以上內容請勿刪除,從括號之後開始留言)移轉過去後就是以G+帳號的名稱為主。

    保持網路禮節到哪裡都會受到歡迎的 :)

    回覆刪除
  152. <4686767235415272910>(以上內容請勿刪除,從括號之後開始留言)移轉過去後就是以G+帳號的名稱為主。

    保持網路禮節到哪裡都會受到歡迎的 :)

    回覆刪除
  153. WFU 這個最新回應的feed,兼容https,我研究了,能修改的http我都修改為https了,但是似乎好像還是不行。 如果你下次修正的話,希望能把https考慮進去。
    問題應該在AR這一段程式碼,其它行我都能看懂,就這一行我看不懂。 所以不知道怎麼搞了...

    回覆刪除
  154. <3302020620600388389>(以上內容請勿刪除,從括號之後開始留言)已更新了版本「Blogger 最新留言 V2﹍頭像 + 文章標題 + HTTPS」:http://www.wfublog.com/2015/10/blogger-recent-comments-v2-avatar-post-title-https.html

    回覆刪除

張貼留言注意事項:

◎ 勾選「通知我」可收到後續回覆的mail!
提問請附網址、詳細描述狀況,如提供的資訊不足,則無法回覆。
◎ 請在相關文章留言,與文章無關的主題請至「Blogger 中文論壇」。
◎ 若詢問 CSS 、非官方範本問題、或貴站為商業網站 ,請參考「本站諮詢頁面」→「1. 諮詢服務」
◎ 若留言要輸入語法,"<"、">"這兩個符號請用其他符號代替,否則語法會消失!
◎ 若發現留言不見了,通常是因為 "複製貼上" 的內容常被系統判定為垃圾留言,請不用擔心,我會定期將留言恢復。
◎ 本站「已關閉自刪留言功能」。