2010年1月1日 星期五

新增文章與回應數統計貼紙


2010.4.13更新,
目前此項工具無法正確顯示,建議可以移除,或是有更新的消息,再通知大家。

Winson的部落格看到的一個新的貼紙,可以顯示文章總數與回應留言數量的貼紙Widget,覺得很不錯, 跟大家分享。

原始工具的網頁:Widget para mostrar el total de posts y comentarios del blog---Ayuda para Blogs

先前綸太郎也有介紹類似的工具,請參考隨時記錄你的部落格統計資料這篇,但是用文字顯示,而這個工具則有圖案搭配,而且有Google Blogger的標誌,感覺正式許多。

只要在後台網頁元素,新增一個小工具,HTML/JavaScript 新增即可
<br /><script type="text/javascript"> function showpostcount(json) { document.write(parseInt(json.feed.openSearch$totalResults.$t,10)); }</script><div style="width:108px; height:43px; position:relative; font-size:13px; font:Verdana, Arial, Helvetica, sans-serif;"><span style="position:absolute; top:5px; right:7px;"><script src="/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script></span><span style="position:absolute; bottom:5px; right:7px;"><script src="/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script></span><img src="http://4.bp.blogspot.com/_Go-jnwB2e7w/Sh1uvD847WI/AAAAAAAABzs/1pXFK4eP7F4/s1600/widget-comentarios.png" /></div><span style="font-size:11px"> Widget by <a href="http://www.vidablogger.com.ar" target="_blank" title="Ayuda para Blogs">Ayuda para Blog</a> </span><br />
標記紅色的是數字出現的地方,以我的版面而言,我是調整為
top:1px;
bottom:1px;
才會符合我的版面設計,試用的朋友,如果覺得文字和圖案沒有對齊,可以從這裡來調整,當然數字大小或是文字顏色也可以自定,在top或是bottom後面多加一個顏色敘述即可,如color:#ff0000;整句語法就類似
bottom:5px; right:7px; color:#ff0000;

當然你也可以設計一個width:108px; height:43px;的背景圖來搭配,畢竟這位設計者不是用英文寫作的,綸太郎稍微改變一下文字,變成中文,如果不想自己改圖的,請自行在下面這個圖按下右鍵,存到你的圖片空間再利用,圖片網址就修正程式碼裡綠色那部份的即可。



顯示如下:

15 則留言:

  1. 新年好~

    幫你補充一下, 筆數(文章數, 回應數)最大值為5000.

    資料來源: 我自己.

    回覆刪除
  2. 新年快樂啊,謝謝你提供的資訊,5000感覺好遙遠歐,真希望能寫那麼多篇。

    回覆刪除
  3. 我的回應數達到七千多,可以正常顯示喔!

    回覆刪除
  4. To 毛毛牙,等我到5000時再來看看,真期待。

    回覆刪除
  5. 綸太郎,新年快樂啊~~
    這功能看來也蠻利落的,
    感謝您長期來的分享各種工具與訊息!

    回覆刪除
  6. To Steven,新年快樂,希望能繼續寫下去囉,謝謝你過去一年的支持與鼓勵。

    回覆刪除
  7. 我用了,感覺很不錯,謝謝您的不吝分享!

    回覆刪除
  8. 新年快樂,有東西可以分享是件快樂的事。

    回覆刪除
  9. 想請教您一下,如何在網頁上顯示HTML/JavaScript的語法,例如上面code裡面的文字?謝謝!

    回覆刪除
  10. 可以參考這篇
    http://klcintw4.blogspot.com/2006/11/blog-post_03.html

    回覆刪除
  11. code的功能已經試出來,感謝綸太郎的回答!

    回覆刪除
  12. 請問一下blogger最近是不是有更動?

    我blog的回應數統計都顯示不正確也

    如何才能正確記數呢?

    謝謝!

    回覆刪除
  13. To Chunwei,你可以參考作者的說明,http://www.vidablogger.com.ar/2008/12/mostrar-el-total-de-entradas-y.html 我目前還沒測試,也謝謝你的回報.

    回覆刪除
  14. To Chunwei,目前這工具沒法正常顯示,建議可以移除這個元件。

    回覆刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能