2010年4月18日 星期日

[Blog] blogger增加計數器

這裡介紹Site Meter http://www.sitemeter.com/


僅適用Blogger系統:
注意:由於編碼的關係,務必先到Blogger後端中的Template把你整個樣版程式碼先複製一份貼到記事本,否則由Site Meter加入程式碼時,中文會變成亂碼。
1.到Site Meter網站,選擇Sign up以加入會員。然後有一些資訊,一直按next>>
2.填入你的Blog的網址與網站名稱,還有Codename(隨便打個英文字,這會是你登入的名稱)
3.中間有個部份要填入一些資訊,把你相關資料填進去。
4.輸入完畢,系統會寄發信件給你,裡面有你登入的帳號與密碼。
5.登入後在Manager的地方,左邊有選單HTML Code,在Welcome to your HTML Code area裡頭有一個<HERE> ,點下去
6.在Web Sites裡頭找到Adding Site Meter to a Blogger.com site,進去以後會看到一段code,複製那段code
(例如下面這段)(每個人的不一樣,複製我的沒用喔)
<!-- Site Meter XHTML Strict 1.0 -->
<script src='http://s35.sitemeter.com/js/counter.js?site=s3500000000' type='text/javascript'>
</script>
<!-- Copyright (c)2009 Site Meter -->
7.將這段code貼到blogger,步驟:自訂-版面配置-修改 HTML-在範本最底下上一行貼上code
8.儲存範本,大功告成!
9.若你的Blog的Template中有使用中文字,你就會發現中文會變成亂碼,所以你先找到以下程式碼,把它複製起來,並放到最早我們複製到記事本中的程式碼適當位置,在把整個複製,覆蓋原先的位置,這樣就可以解決亂碼問題。要取出的程式碼如下:
code:
<--WEBBOT bot="HTMLMarkup" startspan ALT="Site Meter" -->
內容
<!--WEBBOT bot="HTMLMarkup" Endspan -->
10.你可以隨時到Site Meter的Manager→Meter Style中,更改icon的樣式。
11.按下那個icon就可以知道你網站被瀏覽的狀況。


參考來源:http://twdesign.net/design/viewtopic.php?t=10554

沒有留言:

張貼留言