2008/11/10

[Blogger] 在blogger建一個留言者(Top Commentators)排行榜,謝謝這些人常來灌水!




在部落格寫了一篇文章, 總是希望知道大家的反應, 如果常有網友來留言,讓部落格不會只是個人唱的獨角戲, 還會增加寫文章的動力, 而友誼也是從這樣的互動開始萌芽的.所以其實我很感謝這些常來留言的朋友,雖然我自己習慣當個潛水客(真是不好的習慣啊!).無意中看到這個可以外掛在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

相關文章 :

33 comments:

shiping 提到...

只需要改藍色&紅色罢了嗎?
綠色在那裡?
要如何該呢?
我改了,但不行~

Skyvee 提到...

詩萍,綠字看起來不清楚,所以我換成咖啡色.就是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"

shiping 提到...

好...
我弄成功了~
謝謝你

歪先生 提到...

很不错噢,每次来这里看总有很多有趣的东西介绍,学到不少东西了^^

星旋 提到...

咦,我都榜上有名?!
真榮幸XDD...

我有安裝了,但不成功,顯示不了。
在右方的「幸福留言首五位!」裡...

Sango 提到...

那我看來也要多灌水了...

哈哈

Skyvee 提到...

歪先生,謝謝你的留言.^^

星旋,不知道為什麼,看了你的原始碼,那段程式碼有漏字,你要不要試看看從這再貼一次.我貼第二段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,歡迎多來逛逛~ ^^

星旋 提到...

咦,的確是漏字,
感謝!

璘夜 提到...

謝謝你。
這個功能我喜歡:)

不過我剛剛嘗試的時候也跟星旋遇到一樣的問題...
會有漏字情形發生呢ˊˇˋ
還好格主找到原因,所以我也很順利的安裝好了。

Skyvee 提到...

璘夜,星旋, 我剛檢查一下程式碼,可能跟script src=" 這之間,原本應該是空格,似乎變成換行,所以貼過去時blogger因為不認得,而自動改內容,最後變成漏字,抱歉,我已改回來空白鍵了,剛試過沒問題了,也謝謝兩位提出來.^^

小豹 提到...

怎麼最近常常連不上@@"
常常會NOT404...網域問題嗎?

skyvee 提到...

小豹,真的嗎?我只有今天連線時,覺得很慢很慢,但沒碰過 404的問題耶!謝謝提醒,我會再注意.

璘夜 提到...

我沒動過原始碼。
可是今天他突然不見了...ˊˋ

有其它人有一樣的狀況嗎?

skyvee 提到...

璘夜,看起來是資料存取時暫時失效,有可能是太多人存取或其他原因,再觀察看看.

Skyvee 提到...

璘夜,或是 將" 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一個了,試過可以正常運作.

璘夜 提到...

可以了,謝謝你。

我發現你都有在更新以前文章的習慣耶。
發現你有幾篇文章之前沒有的內容,後來看有多出來呢

Skyvee 提到...

希望這個pipe應該不會再爆掉吧! :P 如果是有網友反應什麼問題,我覺得需要修改或補充的,就會更新囉! 希望讓大家更容易看得懂內容. ^^

九月 提到...

嗚嗚…為什麼我把自己的名字設過濾,它還是一直顯示出來?

九月 提到...

又好了…看來剛才是舊資料@@
不過我明明有刪除暫存資料了…

感謝skyvee提供簡單又好用的東西^^

Skyvee 提到...

九月 別這麼說, 也是要跟大家一起討論,才能學到更多啊!

西瓜 提到...

我想问一下~

最新回响~

最新的comment~~

怎么放啊~~

Skyvee 提到...

請參考 Abin的這篇教學文章, 最新回應模組

火龍果 提到...
作者已經移除這則留言。
火龍果 提到...

好特別的功能~謝謝您的教學^^

想請問要如何在排行前面加上符號或是排序(1、2、3..)數字呢?

還有,我在過濾留言的設定這部份遇到一個問題,
起初我用的名字是「火龍果(Frieda)」,
在語法中也鍵入同樣的名字,但排行榜卻還是會出現,
一直解決不了,能請您幫忙看看是哪邊出了錯嗎?謝謝^^

γειισω (矛今) 提到...

skyvee, 收假快樂~ 後來我直接換新模板改掉原本的問題了~ 在此向你問安(笑

Skyvee 提到...

矛今,
雖然收假了,但工作變超忙的.新文章已心有餘而力不足了.謝謝你的諒解,換新模板,也是好方法.現在的版面也很不錯啊! :) 新年快樂~

Skyvee 提到...

火龍果您好,
排序加數字,是要修改side bar裡的清單呈現方式,要將原來 list-style-type: none; /*不編號*/,改成list-style-type: decimal; /*阿拉伯數字*/.
過濾的問題,我看到你好像已解決了?

火龍果 提到...

^^
剛試了一下,唔~改side bar的話,
左邊所有的功能也自動排序了~@@

不過還是很謝謝您幫忙~^^
(過濾的部份是我自己大頭,習慣多按一個空白鍵及加逗號斷句..耍笨..冏rz)

Skyvee 提到...

火龍果,
試看看ol那一行,修改成如下,

document.write("<ol style='list-style-type: decimal'>");

應該只會在這個小工具出現數字排序的效果.
  

ㄚ晟 提到...

請幫我看看,
為什麼我的較新的文章 首頁 較舊的文章
不會在文章的下方
而是擠到了右邊去了
請問該怎麼處理呢

ㄚ晟 提到...

對不起,忘記留下網址
http://it.notes.tw

ㄚ晟 提到...

修改好了,還是謝謝你^^

Skyvee 提到...

ㄚ晟,不好意思,太晚回覆,也謝謝您還回來告知您已解決. :)

張貼留言

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