Re: [分享] 即時線上人數語法

[astro117 (sebastien)]

看到上面各位介紹^^ꬊ
其實這網站我很久之前就在用了，
一開始只有"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
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 61.225.200.245
※ 編輯: astro117        來自: 61.225.200.245       (09/03 01:12)
推 vssy:謝謝，很棒的文章，我也去弄了一個來放:P
推 answer012103:詳細的介紹  推一個
推 Rushing:這個blogger也可以用嗎
推 luwbino:回樓上的：可以@@
推 Rushing:沒辦法讓圖更大嗎
推 astro117:將html碼中的width="81" height="29"的數字作修改即可
→ astro117:建議等比例放大；但是無論如何，放大程度過大時，圖片會
→ astro117:產生鋸齒邊緣(如果只放大一點點情況還好)
推 iHsu:為什麼我用了 不會出現數字 而是出現invalid