這個單篇文章計數器有很多人都已經使用且非常習慣了。這個計數器只是一個小圖檔而已,只要將他貼在文章裡頭(最好是貼在「繼續閱讀」之後的頁面中),每一篇大約有多少點閱次數就可以一目瞭然。

當然,計數器國內國外的有百百種,日本的有些超可愛的,我也曾經介紹過一些。這次介紹的這個是大家最熟悉的中山大學計數器(網站連結)

這裡舉出四種樣式及連結語法:

您可以將這段程式碼貼在文章最下方

顯示成這樣: 您是第 位訪客
語法請這樣寫: 您是第 位訪客

不過,如果要每篇文章都貼,是不是很累啊?艾瑪懶人就直接把他寫在CSS裡面,這樣是不是快一點啊?看你要寫在哪裡,就直接寫成

.trackback-url {
background: none url(http://counter.nsysu.edu.tw/Count.cgi?dd=16) no-repeat right center;
}

這樣就可以囉!

另外還有牛美眉計數器,也很好用,只是他使用的程式碼是 Java Script 不是圖檔。

創作者介紹
創作者 品味+ 的頭像
品味+

[品味+] 品味達人部落格

品味+ 發表在 痞客邦 留言(18) 人氣()


留言列表 (18)

發表留言
  • 謝謝妳ㄉ教學~~<br />
    <br />
    終於會了~~成功ㄌ~~^^
  • 品味+ 於 2010/11/17 19:31 回覆

  • ANGEL500
  • 我也來試試, 謝謝妮囉!<br />
  • 品味+ 於 2010/11/17 19:31 回覆

  • paine0602
  • 請問計數器是不是壞掉了呢<br />
    都顯現不出來呢
  • 品味+ 於 2010/11/17 19:31 回覆

  • direngrey
  • 想請問一下,我放在無名網誌的同樣位置,可是沒有顯示計數器出來耶<br />
    我這邊的CSS長這樣<br />
    <br />
    .trackback-url {<br />
    font-size:small;<br />
    font-weight:bold;<br />
    color: #663300;<br />
    background: none url<br />
    (http://counter.nsysu.edu.tw/Count.cgi?dd=16) no-re<br />
    peat right center;<br />
    border: 2px solid #663300;<br />
    padding:10px;<br />
    margin-top:10px;<br />
    }<br />
    <br />
    請問是哪邊出了問題呢,謝謝 ^^<br />
  • 品味+ 於 2010/11/17 19:31 回覆

  • candyorange
  • ya~~~感謝你^^try好多次終於成功了^^
  • 品味+ 於 2010/11/17 19:31 回覆

  • ivy24722222
  • 好厲害唷…
  • 品味+ 於 2010/11/17 19:31 回覆

  • xdlovecute
  • 拿走摟`
  • 品味+ 於 2010/11/17 19:31 回覆

  • sandy91424
  • 拿走囉 ˇ<br />
    <br />
    很好用捏<br />
    <br />
    謝謝唷 ^^
  • 品味+ 於 2010/11/17 19:31 回覆

  • o0922977707
  • 我放在CSS沒出現阿= ="<br />
    怎用=3=
  • 品味+ 於 2010/11/17 19:31 回覆

  • whitesummer
  • 謝謝你的教學~
  • 品味+ 於 2010/11/17 19:31 回覆

  • 謝謝囉
  • 品味+ 於 2010/11/17 19:31 回覆

  • cat520307
  • 很不錯捏!
  • 品味+ 於 2010/11/17 19:31 回覆

  • 拿走惹..<br />
    <br />
    3Q
  • 品味+ 於 2010/11/17 19:31 回覆

  • 悄悄話
  • robin5201314tw
  • 我成功了,謝謝.
  • 品味+ 於 2010/11/17 19:31 回覆

  • Blackyoman
  • 謝啦我拿走啦
  • 品味+ 於 2010/11/17 19:31 回覆

  • 抱歉我不懂 可以教我嗎
  • 品味+ 於 2010/11/17 19:32 回覆

  • anadatc
  • 我複製了但還是沒出現
  • 品味+ 於 2010/11/17 19:32 回覆