:::

Blogger最新文章與最新回應產生器(jQuery版)

4月 11, 2009 78 Comments Edit Copy Download

  • 最新文章程式產生器
    Blogger網址http://.blogspot.com 必填!舊版的Blogger無效喔。
    顯示篇數要顯示最新文章數目
    標題長度限制如果是空白,表示不限制
    顯示方式%title%(標題)、%Y%(西元年份)、%M%(月份)、%D%(日期)、%authorname%(作者名稱),可視需要改變排列或是刪掉參數,或加入HTML語法
    標籤可限制只顯示特定標籤的最新文章,空白表示顯示所有標籤的最新文章。
    聯播程式碼: (程式碼擺設的位置)
  • 最新回應程式產生器
    Blogger網址http://.blogspot.com 必填!舊版的Blogger無效喔。
    顯示篇數要顯示最新回應數目
    留言長度限制如果是空白,表示不限制
    顯示方式%comment%(留言)、%Y%(西元年份)、%M%(月份)、%D%(日期)、%authorname%(作者名稱),可視需要改變排列或是刪掉參數,或加入HTML語法
    網站提供 (Feeds Type) 要搭配自己部落格的設定(位置圖),預設是Full(完整)。
    聯播程式碼: (程式碼擺設的位置)

這篇是改進以前我寫的「Blogger專用最新文章與最新回應產生器」,以物件的方式重寫了一遍,並且改進了留言時常因為HTML標籤而爆掉的錯誤。

這次程式碼很簡短,因為大部分的程式碼我都改用引用的方式,可以確保不會因為意外事故讓人裝不上去。此外這次的程式碼也很好懂,應該直接看就知道要做什麼了,如果使用者以後要修改的話就不用回來這邊重新產生,只要修改參數設定就好了。

原始的寫法是參考從堯@部落格來的,各別是Blogger聯播程式產生器(PartII)Blogger最新回應程式產生器(5/27更新),請也支持一下原作者吧。

  • 2011/4/1: 補充,您的Blogger讀取權限必須設定為「任何人」才能使用此功能。
  • 2012/12/21: 修正文章連結會抓到RSS網址的錯誤。因為程式檔案改位置了,所以請重新產生程式碼再安裝一次,這樣才會有效果喔。

總共78 則留言 ( 我要發問 , 隱藏留言 顯示留言 )

  1. 我找了好久,想要找最新回應可以連回全文的形式,並且不要顯示全部字數,原來在你這裡就有了:P 感謝你呀!

    回覆刪除
  2. 用了最新文章,顯示出來是成功的
    可是按最新文章裡的連結
    出現不支援
    不知道是怎麼回事

    回覆刪除
  3. Blogger設定 > 網站提供 > 允許網誌資訊提供,要記得選擇「完整」!
    操作如下圖:
    http://4.bp.blogspot.com/_yr4MQB4zDus/SiKBD3mwZFI/AAAAAAAAFjU/Qeg3FWL8vrk/s1600-h/2009-05-31_210705.png

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

    回覆刪除
  5. 你好,
    請問可否跟您要您最新文章、及最新回應的
    Script檔呢?
    非常感謝哦!

    回覆刪除
  6. 你好~這程式真的很棒~
    但想請問一下,我如果希望把前面的‧←項目符號去除有什麼方法呢?原本是想找到項目符號的語法直接去除,但檔案似乎是讀取JS的連結,還能夠用什麼其他方法嗎??謝謝~!!

    回覆刪除
  7. 直接CSS就可以控制了
    div#sidebar-wrapper ul li {
    padding:0;
    margin-left:5px;
    }

    詳細的CSS教學,可以參考CSS語法教學
    http://css.1keydata.com/tw/

    回覆刪除
  8. 終於!終於!
    使用你的語法,我的部落格終於出現最新回應。
    但有一個問題,這個語法也會出現最新文章嗎?還是最新文章需要另外設定?
    因為我只有出現最新回應......
    謝謝

    回覆刪除
  9. 你的產生器真是太棒了,解決了我找了好久的問題,謝謝!

    不過,最新回應除了有日期、留言者、意見外,是否可以顯示該篇留言的文章標題呢?

    回覆刪除
  10. 回小花媽,最新文章跟最新回應是不同的程式語法,上邊編輯器也有兩個,請個別產生吧。

    回覆刪除
  11. 回 陸小美:

    暫時還沒有時間來修改@@ 以後有機會再考慮看吧

    回覆刪除
  12. 那貼上發現項目符號沒出現的怎麼辦??

    回覆刪除
  13. 回 DeDe:

    可能是CSS的問題。因為每個人對自己Blog的CSS樣式設計都不一樣,所以難免會影響到實際結果的輸出。

    本生產器使用的版面是Blogger預設的,如果您使用特製的CSS版面,那就有可能會出現意料之外問題。

    您的Blog是這個嗎?http://dede-tea.blogspot.com/

    我注意到右欄最新回應裡面的CSS設定當中有著以下設定:

    #sidebar-left ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    }


    這會導致項目符號被隱藏起來,沒有項目符號圖示,顯示位置也在outside。

    如果您略懂CSS的話,您可以試著修改這部份的參數、測試看看怎麼作才會讓項目符號顯示出來。

    不過您目前以「。」作為項目符號的作法似乎也可行,真是聰明呢。

    回覆刪除
  14. 布丁大 新年快樂!現在才看到您的回覆阿 拍寫拍寫囧 非常謝謝您的解答喔~~

    回覆刪除
  15. 真的好方便。。。謝謝你

    回覆刪除
  16. 這篇太棒的

    幫你給個感謝推!!

    回覆刪除
  17. 你好!

    我是BLOGGER的新手

    想請教一下

    BLOGGER有辦法像無名那樣 我自己直接在訪客的留言下回覆嗎??

    謝謝你 因為我都找不到相關的東西

    麻煩了

    回覆刪除
  18. 你好

    如果要刪除最新回應其中一個
    要在哪裡刪除阿

    by the way 感謝你提供的回應程式^ ^)

    回覆刪除
  19. 你登入Blogger之後,身為管理者的權限,就會在該網頁下面的回應意見中,意見的旁邊會有一個垃圾桶的符號,用這個刪除即可。
    簡單來說就是用Blogger的功能刪除啦,我這邊提到的最新回應是沒有刪除功能的。

    回覆刪除
  20. 要是設權限的話,就不能顯示最新文章與回應囉?? 要另外設定嗎?

    回覆刪除
  21. 找好久~終於找到簡單又好用的最新回應,謝謝你的設計啦!

    回覆刪除
  22. 請問如何加入有關回應的文章標題呢?

    回覆刪除
  23. 廖国民 您好,

    目前此版本並沒有顯示回應文章標題的功能,以後會考慮加上!感謝您的意見!

    回覆刪除
  24. To DingDing

    如果你的Blogger設定讀取權限指定某些人的話,這個功能就不能用了

    讀取權限必須是「任何人」才能使用這功能喔!

    回覆刪除
  25. 我已經更改
    允許網誌資訊提供,要記得選擇「完整」!

    可是連結的時候還是出現不支援的摘要格式耶

    能請問一下
    這有辦法解決嗎

    謝謝您

    回覆刪除
  26. 黃小姐你好:

    現在Blogger「網站提供」的介面有修改,請照以下作法來調整資訊提供的功能:

    請看此圖
    http://img1.UploadScreenshot.com/images/main/5/12406521292.jpg

    1. 進入「設定」
    2. 進入「網站提供」
    3. 切換至「進階模式」 (此圖已經是進階模式了
    4. 將「網誌留言資訊提供」設為「完整」

    這樣就可以了

    回覆刪除
  27. 請問....
    大概一個月前blogger有改版一次
    現在進入設計裡面只有新增小工具 沒有加入網頁元素了耶T_T

    回覆刪除
  28. 啊啊!!!
    我在小工具裡面找到
    HTML/JavaScript
    將第三方功能或其他程式碼加入您的網誌。
    可以了!!!非常謝謝你哈哈哈!!!

    回覆刪除
  29. 你說的對,以後我應該寫清楚一點才是。

    回覆刪除
  30. To 在另一篇提問的RM:

    可否先給我看一下你的Blogger?好讓我比較容易判斷問題出在哪裡

    我猜可能是.com被強制轉換成.tw的問題比較大
    或是Blogger讀取權限沒有設定為「任何人」吧?

    回覆刪除
  31. 好方便!謝謝分享。
    不好意思,能教問我安裝了"回應"的部分並沒問題,但我的"最新文章"點了連結卻出現網頁原始碼,我已經設定"允許網誌資訊提供完整"了……>"<

    回覆刪除
  32. To iampisece:

    原來是因為Blogger變更了RSS的資料結構,所以他抓網址的時候抓去feed的網址。
    現在已經做了調整,請您更新一下喔。

    回覆刪除
  33. 有幸路過這裡看到這麼好的東東,現在版本的blogger可以嗎?

    回覆刪除
  34. 最新回應弄好了不錯,謝謝!可是最新文章和google工具中的熱門文章是否一樣?

    回覆刪除
  35. To liuzy8888:

    最新文章是列出最新撰寫的文章,熱門文章是高點閱數量的文章
    兩者不一樣喔!你看我的就知道了,在右邊工具列。

    回覆刪除
  36. 哦,學習了一手!謝謝。

    回覆刪除
  37. 抱歉,又來請教您了。
    我照著上述的設定,但最新文章與最新回應常常出現"LOADING..."或是"2013-04-01 皮西斯的生活網誌 %comment%"N個的畫面,很少正常顯示的,是我哪裡又設定錯了嗎

    回覆刪除
  38. To 皮西斯的生活網誌:

    你的網站大概是用了其他的jQuery,或是相同ID導致互衝了吧
    查看JavaScript錯誤主控台看看是什麼原因如何?

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

    回覆刪除
  40. 我外掛的jQuery應該只有這兩支小程式,
    請問"相同id導致互衝"的意思是有人跟我用同樣id?還是我同時弄了最新文章與最新回應兩支query?
    不好意思,請教"javascript錯誤主控台"要去哪裡查看?

    回覆刪除
  41. 對了,有時最新回應欄位會出現"2013-04-01 皮西斯 %comment%"這樣的顯示…

    回覆刪除
  42. http://blog.yam.com/csylvia/article/38576947
    你可以去google一下

    或著是,把你的網站給我看,我才知道你問題在哪裡

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

    回覆刪除
  44. http://iampisece.blogspot.tw/ 抱歉,忘了附上我的網址。
    我有試用chrome的除錯功能,可是…出現了五個"x",不知道"最新回應"的bug是哪一個…看不懂>"<

    回覆刪除
  45. To 皮西斯:

    哈哈,不勉強不勉強
    這支程式因為之前Blogger網址把.com改成.tw
    導致讀取最新文章與最新留言的RSS網址出了問題

    我建議你改用Blogger後來推出的「Recent Comments(最新回應)
    」與「Recent Posts(最新文章)」
    作法可以參考「我懂得不多;分享我懂得。」Blog的教學
    http://chihchi29.blogspot.tw/2011/05/blogger-newest.html

    回覆刪除
  46. 請問在最新回應
    有辦法加入 被回應的那篇文章的連結 嗎!?
    ex: 文章 by 回應人 (2014-8-3)

    回覆刪除
  47. To 鎮魂雨,

    由於Blogger沒有提供被回應文章的標題,所以無法直接顯示文章標題名稱。
    如果你只是要連回去原來的文章,請點選留言,那已經被設定成是連回該文章的連結。

    我本來以為Blogger提供的小工具會有最新回覆功能,意外的是找不太到。
    總之就是目前無法直接做到你要的功能就是了

    回覆刪除
  48. 感謝回覆!!! 原來29F就有問...
    因為就是找很久都找不到類似的... _(:3┘ㄥ)_

    以前是用 Chagg 的方法
    但是瀏覽器從Firefox換成Chrome後
    發現Chrome無法顯示...

    還是很謝謝大大的分享喔~

    回覆刪除
  49. To 鎮魂雨:

    不好意思沒幫上忙。

    回覆刪除
  50. 不不不~ 我還是用布丁大的喔~
    只剩跟皮西斯一樣是因為.com 跟.tw的關係

    期待大大寫tw的版本 (!?
    ps. recent comment好像不見了!? 只剩recent posts

    回覆刪除
  51. 感謝大大>V< 之前找到的都不太好用~這個太方便了!
    用上去暫時未有什麼問題的~

    回覆刪除
  52. To 鎮魂雨,

    看來Blogger自己的套件也不太穩定,有點快要凋零的感覺啊。
    看最近Google一直在大刀闊斧砍掉無法盈利的服務,搞不好Blogger也要變成下一個犧牲者也說不定啊……

    回覆刪除
  53. To 鈴奈,

    那就好,這個功能也很久了呢

    回覆刪除
  54. 這一篇太貼心了~~~ 還有預覽來著 xd
    雖然套用到的是版大的樣式 (唔...
    附上自己的部落格 http://zhunpark.blogspot.com/
    嘿嘿~

    是說 js 是存放在哪呢?? 流量上有限制麼??

    回覆刪除
  55. To Zhun:

    js檔案請自行找空間擺

    例如Google Drive
    請參考「使用 Google 雲端硬碟(Drive)放置 Blogger 部落格使用的 CSS 與 JavaScript 檔案」
    http://blogger.gtwang.org/2013/10/how-to-host-css-or-javascript-files-in-blogger-using-google-drive.html

    回覆刪除
  56. 剛剛發現到這篇,感覺很棒呢,馬上試試看
    可是一直卡在Loading...那邊,甚麼文章都沒顯示出來
    想請問一下版大解決方法,感謝^^

    附上blogger的網址:
    http://pocoworld.blogspot.com/

    回覆刪除
  57. To Edward Lai,

    Blogger設定 > 網站提供 > 允許網誌資訊提供,要記得選擇「完整」!
    操作如下圖:
    http://4.bp.blogspot.com/_yr4MQB4zDus/SiKBD3mwZFI/AAAAAAAAFjU/Qeg3FWL8vrk/s1600-h/2009-05-31_210705.png

    回覆刪除
  58. 謝謝版大的回覆~~
    已經跟著版大的方法做了,依然卡在loading...
    是不是跟新版blogger有關= =?

    回覆刪除
  59. To Edward Lai,

    不知道耶
    可能喔orz

    你也可以用Blogger內建提供的小工具,就有最新文章的功能了吧
    小工具名稱是Recent Posts

    回應的功能不知道去那了orz

    回覆刪除
  60. 這個真好用 ><" 可能我文章數還不多,抓得挺快的 xDDD

    回覆刪除
  61. 你好
    感謝提供這個工具,但會一直停在loading...甚麼文章都沒顯示出來
    使用內建的Recent Posts則會出現"目前仍無法透過加密連線存取這項內容"
    請問版大遇過這樣的狀況嗎
    謝謝

    回覆刪除
    回覆
    1. To 蘇依婷,

      這個問題的意思是
      不要用https存取你的網址
      請用http開啟你的blog

      如果你很堅持要用https
      那就請換其他工具吧

      刪除
    2. 謝謝版大的回覆

      刪除