在部落格寫了一篇文章, 總是希望知道大家的反應, 如果常有網友來留言,讓部落格不會只是個人唱的獨角戲, 還會增加寫文章的動力, 而友誼也是從這樣的互動開始萌芽的.所以其實我很感謝這些常來留言的朋友,雖然我自己習慣當個潛水客(真是不好的習慣啊!).無意中看到這個可以外掛在blogger, 顯示出最多留言者的排行榜, 覺得這功能挺好的.
安裝方式,只要在網頁元素的頁面新增一個 Html/JavaScript 元件, 將程式碼貼入即可.
1.點選 版面配置 --> 網頁元素 --> 新增小工具 --> Html/JavaScript
2.填入標題後,將以下程式碼貼入.<script type="text/javascript">
function pipeCallback(obj) {
document.write("<ol>");
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">"
+ obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write("</ol>");
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=c92ac21897d8b56e61cfa85930dd89a1&url=http%3A%2F%2Fskyvee.net&num=10&filter=Skyvee,Anonymous"
type="text/javascript"></script>
其中藍字部份,請改成自己的 blogger 網址(不需要再輸入http://), 棕字是設定顯示前幾名, 紅字是過濾留言者(如作者及匿名者,可輸入多個,以逗號,分隔)
如圖, 按下儲存.
3. 回到網頁就可以看到效果了, 點選任一個留言者.
4. 就會出現過去留言者所留言的文章.
2008/11/17 更新: 可能因為太多人使用,原來的pipe似乎停止效用了. 建議將" script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=c92ac21897d8b56e61cfa85930dd89a1&url=http%3A%2F%2Fskyvee.net&num=10&filter=Skyvee,Anonymous" type="text/javascript" 這段程式裡的 紅字 pipe id 改成97c1f1b82ef50416e5b164319820a0ea, 其他不變.
參考來源 : Top Commentators for a Blogger Blog
blogger tips
(57)
web2.0
(46)
Blog Element
(42)
Funny
(38)
photo tool
(37)
Web Service
(22)
生活
(22)
google
(20)
twitter
(20)
Game
(15)
image
(15)
食記
(11)
Search Engine
(10)
firefox
(9)
Blog SEO
(8)
Feed Tool
(8)
YouTube
(7)
專案管理
(7)
Free Space
(6)
draft blogger
(6)
news
(6)
poll
(6)
timeline
(6)
瘋活動
(6)
HTML CSS
(5)
Text
(5)
google maps
(5)
絮唸
(5)
Gmail
(4)
瘋音樂
(4)
Plurk
(3)
Yodao
(3)
language
(3)
揪團
(3)
Video
(2)
ajax
(2)
workflow
(2)
四川災變
(2)
國道風光
(2)
blogger template
(1)
sync tool
(1)

- Blog Element (42)
- blogger template (1)
- blogger tips (57)
- draft blogger (6)

33 comments:
只需要改藍色&紅色罢了嗎?
綠色在那裡?
要如何該呢?
我改了,但不行~
詩萍,綠字看起來不清楚,所以我換成咖啡色.就是num=10, 這個是設定顯示前幾名.我測一下你的部落格,應該是可以啊.我截取部份程式碼(其他與原文相同),你比對看看.
script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=c92ac21897d8b56e61cfa85930dd89a1&url=http%3A%2F%2Flimseepeng.blogspot.com&num=10" type="text/javascript"
好...
我弄成功了~
謝謝你
很不错噢,每次来这里看总有很多有趣的东西介绍,学到不少东西了^^
咦,我都榜上有名?!
真榮幸XDD...
我有安裝了,但不成功,顯示不了。
在右方的「幸福留言首五位!」裡...
那我看來也要多灌水了...
哈哈
歪先生,謝謝你的留言.^^
星旋,不知道為什麼,看了你的原始碼,那段程式碼有漏字,你要不要試看看從這再貼一次.我貼第二段script,讓你比較看看. script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=c92ac21897d8b56e61cfa85930dd89a1&url=http%3A%2F%2Fnovel-star.blogspot.com&num=10&filter=星旋,Anonymous" type="text/javascript"
Sango,歡迎多來逛逛~ ^^
咦,的確是漏字,
感謝!
謝謝你。
這個功能我喜歡:)
不過我剛剛嘗試的時候也跟星旋遇到一樣的問題...
會有漏字情形發生呢ˊˇˋ
還好格主找到原因,所以我也很順利的安裝好了。
璘夜,星旋, 我剛檢查一下程式碼,可能跟script src=" 這之間,原本應該是空格,似乎變成換行,所以貼過去時blogger因為不認得,而自動改內容,最後變成漏字,抱歉,我已改回來空白鍵了,剛試過沒問題了,也謝謝兩位提出來.^^
怎麼最近常常連不上@@"
常常會NOT404...網域問題嗎?
小豹,真的嗎?我只有今天連線時,覺得很慢很慢,但沒碰過 404的問題耶!謝謝提醒,我會再注意.
我沒動過原始碼。
可是今天他突然不見了...ˊˋ
有其它人有一樣的狀況嗎?
璘夜,看起來是資料存取時暫時失效,有可能是太多人存取或其他原因,再觀察看看.
璘夜,或是 將" script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&
_id=c92ac21897d8b56e61cfa85930dd89a1&url=http%3A%2F%2Fskyvee.net&num=10&filter=Skyvee,Anonymous" type="text/javascript" 這段程式裡的 _id=c92ac21897d8b56e61cfa85930dd89a1改成_id=97c1f1b82ef50416e5b164319820a0ea, 其他不變.剛去clone一個了,試過可以正常運作.
可以了,謝謝你。
我發現你都有在更新以前文章的習慣耶。
發現你有幾篇文章之前沒有的內容,後來看有多出來呢
希望這個pipe應該不會再爆掉吧! :P 如果是有網友反應什麼問題,我覺得需要修改或補充的,就會更新囉! 希望讓大家更容易看得懂內容. ^^
嗚嗚…為什麼我把自己的名字設過濾,它還是一直顯示出來?
又好了…看來剛才是舊資料@@
不過我明明有刪除暫存資料了…
感謝skyvee提供簡單又好用的東西^^
九月 別這麼說, 也是要跟大家一起討論,才能學到更多啊!
我想问一下~
最新回响~
最新的comment~~
怎么放啊~~
請參考 Abin的這篇教學文章, 最新回應模組
好特別的功能~謝謝您的教學^^
想請問要如何在排行前面加上符號或是排序(1、2、3..)數字呢?
還有,我在過濾留言的設定這部份遇到一個問題,
起初我用的名字是「火龍果(Frieda)」,
在語法中也鍵入同樣的名字,但排行榜卻還是會出現,
一直解決不了,能請您幫忙看看是哪邊出了錯嗎?謝謝^^
skyvee, 收假快樂~ 後來我直接換新模板改掉原本的問題了~ 在此向你問安(笑
矛今,
雖然收假了,但工作變超忙的.新文章已心有餘而力不足了.謝謝你的諒解,換新模板,也是好方法.現在的版面也很不錯啊! :) 新年快樂~
火龍果您好,
排序加數字,是要修改side bar裡的清單呈現方式,要將原來 list-style-type: none; /*不編號*/,改成list-style-type: decimal; /*阿拉伯數字*/.
過濾的問題,我看到你好像已解決了?
^^
剛試了一下,唔~改side bar的話,
左邊所有的功能也自動排序了~@@
不過還是很謝謝您幫忙~^^
(過濾的部份是我自己大頭,習慣多按一個空白鍵及加逗號斷句..耍笨..冏rz)
火龍果,
試看看ol那一行,修改成如下,
document.write("<ol style='list-style-type: decimal'>");
應該只會在這個小工具出現數字排序的效果.
請幫我看看,
為什麼我的較新的文章 首頁 較舊的文章
不會在文章的下方
而是擠到了右邊去了
請問該怎麼處理呢
對不起,忘記留下網址
http://it.notes.tw
修改好了,還是謝謝你^^
ㄚ晟,不好意思,太晚回覆,也謝謝您還回來告知您已解決. :)
張貼留言
謝謝您願意在此分享心得, 讓文章內容更豐富.