2007/06/03

在blogger 新增[最新回應]及[最新文章] 的兩種方法




在 blogger 想新增"最新回應"或"最新文章"的話, 可以怎麼做呢? 有兩種做法.

一種是利用blogger 原本就有提供的功能, 只要動動滑鼠,幾個步驟, 就可以設定完成.無須修改到程式碼, 適合初學者. 另一種, 雖然需要加入程式碼, 但是步驟卻較少.


1. 利用原來blogger就有提供的介面設定. 不過, 要先查到"意見的feed網址",如果不確定自己是否有開啟這個功能, 可以照以下步驟做.

1). 到 設定 --> 網站提供 --> 選進階 (如下圖)


2). 預設應該三個選項都是完整.直接"儲存設定".


3). 點選發表的任一篇文章後, 將視窗拉到下面 "意見" 處.

應該會看見 "訂閱: 張貼意見 (Atom)", 滑鼠移到 "張貼意見 (Atom)" 上, 按右鍵複製鏈結網址.


將取得的網址, feeds/comments/ 之間的數字去除, 可得以下的 如http: //xxxx.blogspot.com/feeds/comments/default, 才是feed的網址.

4). 選 範本-->網頁元素 --> 設定資訊提供

將 feed的網址貼在"資訊提供 URL", 按繼續


就可以進一步顯示設定幾則(最多5則), 是否顯示日期, 作者等資訊.


預覽無誤後, 就可以儲存了..

缺點是, 無法顯示更多(5則以上)的回應.

p.s. 最新文章也可以參考這樣的流程哦!

文章訂閱的網址, 要在首頁的最下面, 就會看到 訂閱: 文章 (Atom). 一樣可取得網址.


其實還有一種快速取得網址的方法,

文章feed的網址就是在blogger網址後加上"/feeds/posts/default" ;

意見feed的網址,也是在後面加上"/feeds/comments/default"

如:

訂閱文章 : http://XXXXX.blogspot.com/feeds/posts/default

訂閱意見 : http://xxxxx.blogspot.com/feeds/comments/default

2. 到堯@部落格:最新回應程式產生器, 照上面的說明, 產生程式碼之後, 貼回到自己的blog就可以了. 可以有較多的設定.

1)選範本-->網頁元素

2)sidebar 加入網頁元素--> 選 HTML/JavaScript

3)將程式碼貼上, 再手動調整想放到位置後, 就大功告成囉!

相關文章 :

56 comments:

Zero 提到...

原來還有第一種方法阿,真是太好囉
現在就改用第一種吧,顯示速度快很多~

對了,複製單篇的意見網址好像要把中間那串數字去掉才會是整個部落格的喔,不然那個網址只會出現那篇的意見
我測試是這樣的啦~有錯請見諒囉^_^

Katharine 提到...

我將最新留言改成第一種了
可是只會出現那篇文章的留言
後來發現只要刪除掉comments前到feeds裡頭的數字就好
http://XXX.blogspot.com/feeds/4266128842292695242(這段刪除)/comments/default
可是還是不太了解最新文章的訂閱往只要在哪找ㄟ
麻煩只教了
多謝!

Skyvee 提到...

Katharine,

抱歉,是我的疏忽.

其實文章feed的網址就是在blogger網址後加上"/feeds/posts/default" ;

意見feed的網址,也是在後面加上"/feeds/comments/default"

如:

訂閱文章 : http://XXXXX.blogspot.com/feeds/posts/default

訂閱意見 : http://xxxxx.blogspot.com/feeds/comments/default

所以你可以在你的 blogger 網址後直接加上/feeds/posts/default, 應該就可以取得最新文章了.

Skyvee 提到...

Zero,

感謝你幫我測到問題, 這的確是我的疏忽. 昨夜寫完這篇文章, 沒有檢查漏了什麼? 今天忙一整天, 剛才才回到家. 連忙修正文章. 非常謝謝你哦!^^

Katharine 提到...

謝謝啦!
這樣我懂了
小女的無知浪費了你的時間
真的很抱歉喔!

Skyvee 提到...

Katharine,
快別這麼說啊! 我沒有注意到文章中的問題, 才讓您多花了時間測呢! 我才要抱歉哩!

Esther = Mo 提到...

都不知道有第一種方法呢!
謝謝你~
之前也都不曉得"網站提供"是要幹麻的@@"
原來要把朋友的最新文章弄在自己網誌也可以用這種方法呢!

Skyvee 提到...

呵, 我也是無意中發現可以這麼用的, 不要客氣. 您說的是, 這個方法還可以用來做"部落格聯播"哦! XD

cyber runner 提到...


謝謝大大的訊息

Skyvee 提到...

Cyber runner,
不要客氣 :)

salongahir 提到...

大大 我的最新回應遇到問題可否幫我看看呢?我在沒刪除回應的狀況下把原文刪除了,導致 最新回應偵測出未刪除的回應連結,但其實文章已經不存在了,該 最新回應偵測出未刪除的回應連結,但其實文章已經不存在了,所以都匯出現錯誤,該如何修正呢?

Skyvee 提到...

salongahir你好,
不知道您是何時刪除那篇文章呢? 好像連結會暫時保存一陣子, 看起來是blogger資料庫沒有同步的問題, 其實有一個偷吃步的方式, 就是只要您的目前最新回應超過6筆, 因為您設定5筆, 所以就不會顯示第一筆應該不存在的回應... 這個的最根本解, 應該是要靠blogger去解決.

Lica Tsai 提到...

真是大大感謝你啊,終於讓我這個又懶又呆的blogger使用者找到十分快速方便使用,又一試即成功的方式,在我的網頁上增加了最新文章及最新回應 ^^ 謝謝你啊~!

Skyvee 提到...

Lica, 不要客氣! 也謝謝你的留言! :)

小魔 提到...

你好,我在步驟最後一步的url輸入feeds網址後,一直出現無效的資訊提供 URL
請問是因為功能關閉還是其他原因呢?

Skyvee 提到...

你有試過步驟1 的開啟設定後, 再貼上你的網址feed嗎? 例如我的是,
http://skyvee.blogspot.com/feeds/posts/default

其中 skyvee, 你可以改成你的網址.試看看!

Sa 提到...

您好
我按照你所說的第一種方式去設定好了
可是回應的地方一直都只是出現:

- 2007/8/11 - Anonymous

我試著貼了幾個test的回應 都無法顯現在邊欄
請問我是否哪裡弄錯了呢
麻煩你了 真是感謝

Skyvee 提到...

blogger最近改變feed的格式, 所以目前最新文章還可以用第一種方法, 但最新回應, 可能要請你參考第二種方法了. :)

Sa 提到...

好的 謝謝你喔
有你們寫這樣實用的文章 真是讓blogging變得更豐富了 ^ ^

Skyvee 提到...

Sa, blogging 就是要分享及交流, 才更有意思嘛! :)

三弄六巷 提到...

Skyvee 你好:
我使用了第一個方法後
出來的widget和我上方的widget間距變大了,請問要如何修改?

Skyvee 提到...

三巷六弄你好
widget之間的距離應該是CSS那邊的設定. 使用第一種方式的結果, 並不會有影響呢.你可以考慮調一下 .sidebar .widget { margin: 0; padding: 0 0 5px 10px;} 的數字

穎小麗 提到...

你好:
我每個步驟都仔細的檢查好多遍,還是無法成功...
當我貼好『feed』的網址後按下繼續,都會出現『無效的資訊提供 URL』這個訊息。
可以請你幫我看是哪裡出錯嗎?我用了好幾天了,都要瘋了...謝謝你

穎小麗 提到...

補充,我有兩個blogger,其中有一個可以放feed回應的網址,卻無法放置文章的網址;另一個則是都無法放置~

Skyvee 提到...

小麗, 你貼的部落格訂閱網址是http://dareandlove.blogspot.com/feeds/posts/default及回應網址http://dareandlove.blogspot.com/feeds/comments/default嗎?
我測過, 都可以耶! 另外一個網址就進不去了..無法測.

穎小麗 提到...

先謝謝你的幫忙,dareandlove這個用成功了...但是之前我確定我是貼你所說得網址,不然就不會『回應』的部份成功,而『文章』的部份不成功...可是我不曉得錯在哪?怎經過你的測試後就成功,真是太神奇了!3Q~

至於另一個網址,為了其他的隊友,我無法將它公開...所以,我想請問,feed會因為『blogger隱藏化』而無法使用嗎??

恩,那我給你『rmi402report』(我確定沒打錯字母)這個Blog*Spot地址你能測試看看嗎?

還是要謝謝你的幫忙~~

Skyvee 提到...

小麗, 我用feed validator測試你後來給的網址, 出現這樣的訊息"Server returned HTTP Error 401: Unauthorized ", 所以應該是隱藏的原因, 因此文章及feed無法被讀取, 也許你可以先開放一下下, 然後測試, 就更可以確定是不是這原因了.

Angela 提到...

謝謝分享

Skyvee 提到...

Angela, 不用客氣, 也謝謝你的留言.:)

穎小麗 提到...

哇~真的很謝謝你ㄋㄟ!!
的確是『隱藏』的原因,我下午的時候開放了一下,果然就『裝』上去囉~~

至於『dareandlove』之前也不能貼『文章的feed』也是因為我前一陣子也將他隱藏起來~~

謝謝你的幫忙拉,解了我一個困擾~~
真的很感謝你,謝謝~~

good、good!

Skyvee 提到...

小麗, 別客氣, 這是互相的, 找到真正原因, 我們的經驗值就又增加囉!

tx 提到...

請問,我連的feed文章未出現最新刊登的文章,卻出現之前刪掉的測試文章,是什麼地方設錯了嗎?謝謝!

skyvee 提到...

trix, 有可能是還沒有更新呢?你等看看, 如果過了半天, 還沒有, 就很奇怪了!

天上的星星不说话 提到...

请问什么是feed?

如果是这blog的话是,
http://skyvee.blogspot.com/feeds/posts/default

那这到底是该放到哪里呢?
一直在试着Blogger 最新文章及最新回應
張貼方式 还有 網站舊文 的功能,
也通过很多连接去看看教学,但弄了好久,就是弄不好,没有收获…

我是博客新手,可以教教我到底是怎么加上这些功能的吗?我很想完善自己的blog,建立自己想要的。。。求你帮忙了。。。

天上的星星不说话 提到...

我的问题就是不懂应该把这些代码放入哪里。。。
找了很久,都找不到该放的地方哦,
是不是加插在修改html那里呢?
但是看到那长篇的代码,却又不懂该加插在哪里><
救我。。。

小E 提到...

請參考上面教學的第四步驟:
點選範本→網頁元素→新增網頁元素→資訊提供,再將feed網址貼在「資訊提供URL」處即可。

Skyvee 提到...

星星你好, 就是照小e說的步驟, 把你的blog feed網址,貼入「資訊提供URL」.

所謂feed, 簡單的說,是讓讀者以瀏覽器或email訂閱文章.當你部落格有新文章,或有新留言時,feed的機制, 會自動通知訂閱的讀者.

謝謝小e的幫忙解答. ^^

天上的星星不说话 提到...

如果用那种最新文章和最新回应的话,最多也只能有5个贴,而且不是那么美观,我理想的最新文章是这样的。。。
ttp://lica0811.blogspot.com/
好像这blog一样看来很整齐而且还有10个最新文章,请问有什么方法可以做到那样呢?

小E 提到...

我看你有去堯@部落格:最新回應程式產生器找程式碼,那個一樣啊,照上面寫的選新增網頁元素,選 HTML/JavaScript把程式碼貼上就行。

Skyvee 提到...

星星, 關於最新文章,回應的呈現方式有好幾種, 我能夠分享的也只是我試過的經驗談, 其他的就不一定能幫上忙.如果你屬意哪一種 CSS 樣式, 就請直接在那個 blog 留言詢問, 比較能解答你的疑惑哦!

至於加入程式碼的步驟, 小 E 的補充, 就很完整了.!

小 E 真的很細心哩!再次感謝! ^^

天上的星星不说话 提到...

嗯,谢谢你们哦。。。

我会再试试看的,谢谢小E,也谢谢skyvee,你们都很积极呢,真得太感谢你们了^^ 

Skyvee 提到...

星星不用客氣. ^^

艾麗 提到...

超感恩~
我用好幾次了~
終於讓我找到你的方法可以參照~
感恩啦!!

Skyvee 提到...

艾麗,別客氣,有空歡迎常來!^^

peipeiㄟ辛來喂 提到...

謝謝skyvee的分享~很感謝!!!
但但但...問個爛問題~
我怎都找不到==>4). 選 範本-->網頁元素 --> 設定資訊提供
這個路徑呀><
(快發瘋了)

Skyvee 提到...

現在改成 版面配置-->網頁元素-->新增小工具, 然後再選[資訊提供]

ㄚ晟 提到...

請問我如果想在側邊欄加入『相關文章』與『熱門文章』,要怎麼作??

Skyvee 提到...

熱門文章目前沒有相關的hack,不過有一些外掛, google 一下就可以找到.

相關文章, 可以參考Abin的hacks.

深秋 提到...

最近的最新回應似乎當掉,
用大哥的方法也沒辦法..

是否有修正方式?!感恩~

Skyvee 提到...

深秋您好,

最新回應,可以參考另一個外掛. http://abintech.twidv.com/2008/01/recent-comments.html , 比較穩定.

深秋 提到...

問題解決了~

真是太神了!

謝謝大師

謝謝謝謝...

秀娟 提到...

按著第一種方法操作到最後,按儲存時卻沒有反應?
用第二種方法,一直保持在「Loading...」的狀態?
(頭過爆掉了)

Skyvee 提到...

秀娟,

試看看http://abintech.twidv.com/2008/01/recent-comments.html 這個外掛, 我目前是使用這個.

蘇汶信 提到...

請問欲删除3年前部落格内的文章但是孩子已經忘記了郵箱及密碼了!該如何才好!?

蘇汶信 提到...

請問欲删除3年前部落格内的文章但是孩子已經忘記了郵箱及密碼了!該如何才好!?

Skyvee Tsai 提到...

蘇先生您好,
兩種方法, 一是當時申請blogger時, 如果有留其他的email , 可以在 https://www.google.com/accounts/recovery/forgotusername , 輸入當時留的備援email.
另一個是利用 http://www.blogger.com/forgot.g , 但是相關資料會寄到 gmail 去, 看起來您們應該是也忘了gmail account. 所以希望是第一個方法能解決.

若是再到 http://support.google.com/accounts/bin/static.py?hl=zh-Hant&ts=2402620&page=ts.cs&from=2402620&rd=1 , 查查看有沒有更好的解法.

以上都無解, 就只能到 google 論壇留言求助了. http://productforums.google.com/forum/#!forum/blogger

張貼留言

謝謝您願意在此分享心得, 讓文章內容更豐富.