[教學] 單篇文章計數器

Posted onAuthor艾瑪42 Comments

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

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

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

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

.你要放的位置div名稱 {
background: none url(中山大學計數器網址) no-repeat;
}

例如像這篇文章(請點開網頁)一樣，要貼在「引用這篇文章」那一欄中（這就跟艾瑪隨處走走引用文章欄位中”CC Some Rights Reserve” 那個位置一樣）的話，連結語法就是：

.trackback-url {
background: none url(中山大學計數器網址) no-repeat;
}

當然你也可以貼在任何你想要他出現的位置… （有太多種可以貼的位置囉）這樣就可以囉！

　

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

　


之前用過的可愛計數器

http://okcounter.com/

日本也有讓使用者自訂的計數器

當然日本YAHOO的計數器 也是一絕啦！

分享此篇文章

延伸閱讀

【關於作者】艾瑪 | amarylliss

 台灣第一位全職旅遊部落客受邀出國旅遊超過百次(受邀列表)，1996年起於台大椰林BBS自助旅行版(Tour Abroad)發表旅遊心得並擔任版主，2000年起於明日報/ANYWAY旅遊網分享旅遊心得，2003年起任艾瑪隨處走走部落格格主至今，從無名小站至痞客邦，目前回歸個人部落格持續經營；更詳細網路書寫歷史請參考關於我。聯繫、合作或邀約請聯繫：[email protected]

 Email Facebook Flickr YouTube Instagram

TG按讚：0
Post Views: 3,505