[心得] 在Blogger的板面上增加最新回應
※ 引述《lovelights (Love Lights Life)》之銘言:
: 我想把亮藍色字刪掉,只留下亮黃色的字,請問有什麼方法嗎? 謝謝
: [Love Lights Life] 2/17/2006 09:16:37 PM <---此行為超聯結至 blog B
: posted on February 17, 2006 01:16:00 pm
: "最近回覆"於 sidebar測試成功! 歡迎留言討論
: --Posted by love lights life to Love Lights Life at 2/17/2006 09:16:37 PM
結果今天就弄完了 XD
這裡所介紹的方法, 要先參考在下
1. 前作 "[心得] Blogger最新回應的Feed"
而且僅限於其中第二個方法
(理論上只有解析字串的方法不同啦, 所以要寫出來也不是不可以...)
2. 下一篇的 "[心得] 用FeedBurner包裝你的Feed"
======
1. 先介紹一個可以把Feed轉成JavaScript的地方:
FeedDigest http://www.feeddigest.com/
要先註冊才能使用它的服務
之所以選擇這個是因為他可以自定輸出的模板,
而Feed2JS這個好用又免註冊的只能自訂CSS
2. 註冊完了之後, 他可以讓你把五個Feed轉成JavaScript/HTML/PHP..etc
先選擇Create a New Digest
輸入你經過FeedBurner包裝過後的Comments的Feed的URL
(長的像是 http://feed.feedburner.com/xxxxx 這種網址)
中間的地方填入適合的資料
像是Max Items to Show就是你想在頁面上放幾個最新回應
建議別太多 免得你的Blog變成落落長
然後找到 Digest Options
點一下Click here for internationalization settings
語系選擇UTF-8
再點 Click here for dupe filter/query matching settings
選擇Show only live terms
再來找到Digest Layout / Template
點一下Click here to edit HTML templates manually (for advanced users)
在Per-term template裏輸入
<a href="#" id="commentLink_%YEAR2%%MONTH2%%DAY2%%HOUR2%%MINUTE2%%SECOND2%">
</a>:
<span id="commentText_%YEAR2%%MONTH2%%DAY2%%HOUR2%%MINUTE2%%SECOND2%">
%DESCRIPTION,1000%</span>
<span style="display:none"
id="commentPlainText_%YEAR2%%MONTH2%%DAY2%%HOUR2%%MINUTE2%%SECOND2%">
%DESCRIPTIONPLAIN,1000%</span><br />
<script type="text/javascript">
changeComment('commentLink_%YEAR2%%MONTH2%%DAY2%%HOUR2%%MINUTE2%%SECOND2%'
, 'commentText_%YEAR2%%MONTH2%%DAY2%%HOUR2%%MINUTE2%%SECOND2%'
, 'commentPlainText_%YEAR2%%MONTH2%%DAY2%%HOUR2%%MINUTE2%%SECOND2%');
</script>
最後存起來
3. 回到Your Control Panel
你應該可以看到你的Comment Feed在列表裡了
選擇Get the code, 然後把Javascript那段複製起來
貼到你的Blogger Template 想放置最新回應的地方
4. 在你的Blogger Template當中 </head>之前的地方貼一段code
因為很長, 所以我放在http://oz.nthu.edu.tw/~g943331/temp/recent_comments.html
請自行取用
5. 到這邊應該到一段落了, republish看一下你的Blog吧
如果你想要更改最新回應的排版/樣式
直接改第二步驟當中那段很像HTML就可以了
請保留<a> <span>的id, 這樣JavaScript才知道要去改那邊
其他都可以任意更改
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 140.114.63.11
→
02/19 01:34, , 1F
02/19 01:34, 1F
→
02/19 01:34, , 2F
02/19 01:34, 2F
→
02/19 03:45, , 3F
02/19 03:45, 3F
→
02/19 03:46, , 4F
02/19 03:46, 4F
討論串 (同標題文章)
以下文章回應了本文:
完整討論串 (本文為第 1 之 3 篇):
Blog 近期熱門文章
PTT數位生活區 即時熱門文章