即時線上人數語法 - 部落格

Table of Contents

看到上面各位介紹^^ꬊ
其實這網站我很久之前就在用了,
一開始只有"widget線上人數顯示"、"製作累積人次圖表"而已
後來又新增功能,可以自訂"線上人數顯示"的顏色調配;
直到現在,他又推出"地圖"、其他類型的"線上人數顯示"呀!

我補充介紹其他功能一下~

------------------------

一開始請先到http://whos.amung.us/
畫面中右有個顯示著數字的小圖示,那便是現在正瀏覽此網頁的人數~
下方有一個有 淡黃-淡紅 條紋相間背景欄位所顯示的html碼:

<a href="http://whos.amung.us/show/czr8zv55">
<img src="http://whos.amung.us/widget/czr8zv55.png"
alt="web counter" width="81" height="29" border="0" /></a>

將這段文字複製到你的blog後,它便會開始working啦!
而每次進入此網頁,上段html碼的黃色部分都會是不一樣的
~每個人的那八碼字元都是獨一無二的!

這邊就是最簡易的widget

p.s.
在置入網誌中時,可在超連結語法中嵌入 target="_blank"
(即<a target="_blank" href="http://whos.amung.us/show/czr8zv55">)
這樣在觀看網誌時,點選你的widget將會另外開啟視窗顯示;不會在原視窗顯示

-------------------------

接著是進階的設定:3

請在剛剛的網頁html碼左側找到
See more free widgets in our
showcase.
按下shoecase

你將會在新網頁中,見到6個不同顯示方式的widget;分別點選下方都會顯示說明:

1)The Original
這是最原始無設定的類型,在這網頁下方,它依然會提供你這類型的html碼

2)Make it your own
這類型是可以自訂顯示顏色,請點選color wheel進入其設定網頁↓
┌───────────────────────────────────
│1. Already have one of our widgets on your site?
│ ◎Yes ◎No
*若已有此網站的widget請選擇Yes,接著輸入你放置原widget的網誌網址;
│ 再點選Search即可/
*若原本並沒有widget,請選擇No

│2. Customize the colors of your widget below...
*請選擇顏色-外圈是底色/內圈是字體顏色/右側是深淺色條
│ -亦可在下方直接輸入色碼,後點選 Apply colors

│3. Here is the html code for the widget
│ that's in the color wheel right now:
│ ~這樣便大功告成,可以複製你的html碼哩!

└───────────────────────

3)Map out your visitors
這類型是用以顯示"訪客地圖"的選項,請點選maps.amung.us進入其網頁↓
┌───────────────────────────────────
│○網頁右側顯示的便是"訪客地圖"的顯示效果
│ 請點選其圖左側的Build your map now![進入其設定網頁↓
│~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
│1. Already have a map, or a whos.amung.us widget?
│ ◎Yes ◎No
*這同上面自訂顏色的widget第一項設定相同~

│2. Choose your map style:
*這裡可設定圖示種類及大小等
│ 第一個 Map Type 是設定"大"或是"小"地圖、
│ 第二個 Map Type 則是設定地圖風格、
│ Pin Style 是選擇訪客顯示地點圖示、
│ Pin Color 設定Pin的顏色

│3. Is this map going on a MySpace Profile?:
*選擇是否用在MySpace

│4. All done? Copy the code below into your website:
│ ~這樣便大功告成,可以複製你的html碼哩!

└───────────────────────

4)Visitor History
→註一

5)Firefox Plugin
使用Firefox的使用者有福啦!
你可點選firefox plugin下載套件,使Firefox的下方狀態列出現圖示,
並藉由html碼中的那八碼指定你的網誌,以數字顯示此時的線上人數!

○安裝後,開啟Firefox點選 工具>附加元件
找到"whos.amung.us Users Online Counter"
點選其"選項":

●在選項視窗中有"Simple"及"Advanced"兩標籤
i)若只要Firefox偵測一個網址的線上人數,請打開Simple標籤;
在"Your 8 character key"欄輸入html碼中尾端的八碼即可
ii)若要一次偵測好幾個網址,請打開Advanced標籤;
這裡最多能讓你偵測5個網址,同上法輸入於其欄即可

6)Small widget
此類型是比較小而不占排版空間,其html碼即顯示在下方



註一:

將widget置入網誌後,觀看時點選它會進入顯示你的訪客資訊的網站↓
(widget才有附帶超連結,訪客地圖並無超連結)

左側有三個標籤分別是"who's" , "graphs" , "maps"
左下還顯示著 X online 顯示現在有多少人在站呢!

介紹標籤^^:

>who's
此將顯示線上者所閱讀的網誌文章網址

>graphs
這裡分以 時 日 月 年 將你的訪客人氣製成圖表顯示~
另外在點選任一時距,顯示其統計圖表後
可在圖表下見到+embed on your site的文字,點選它會在網頁下方
顯示此統計圖表的置入html碼,便可以複製此碼放到你的網誌啦!

>maps
此將顯示您的訪客地圖




--
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ Sing
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ Chung
▄▄ Whei
▄▄▄▄▄▄ ~星恆你心
http://www.wretch.cc/blog/astro117
--

All Comments

Olive avatarOlive2007-09-04
謝謝,很棒的文章,我也去弄了一個來放:P
Blanche avatarBlanche2007-09-09
詳細的介紹 推一個
Catherine avatarCatherine2007-09-13
這個blogger也可以用嗎
Daniel avatarDaniel2007-09-16
回樓上的:可以@@
Olga avatarOlga2007-09-21
沒辦法讓圖更大嗎
Rebecca avatarRebecca2007-09-21
將html碼中的width="81" height="29"的數字作修改即可
Kumar avatarKumar2007-09-25
建議等比例放大;但是無論如何,放大程度過大時,圖片會
Caitlin avatarCaitlin2007-09-27
產生鋸齒邊緣(如果只放大一點點情況還好)
Quanna avatarQuanna2007-09-29
為什麼我用了 不會出現數字 而是出現invalid