2010年5月5日 星期三

【艾Blog】部落格的倒數計時器

我真的是今天才知道倒數計時器的英文是countdown......
找了好多倒數計時器,都太花俏了,
我想要簡單一點的計時器就好,

結果找到這個日本網站,
它的計時器可以花俏也可以簡單,




カウントダウンタイマー

做出來的考試倒數計時器就像右邊這樣簡單又自然^^

以下是倒數計時器的基本設定教學:

Q1. 怎樣預覽?
按下時鐘下面的"結果"就好,超方便的!

Q2. 怎樣更改顯示文字?
把前、中、後コメント改成你想要的文字即可。

Q3. 我不想換行怎麼辦?
把"改行"的勾勾取消勾選就好了。

Q4. 怎樣把倒數時鐘融入部落格背景?
把計時器背景顏色改成和Blog背景顏色一樣就好囉!
有兩個方法可以找出背景是什麼顏色,
 (1)找部落格的原始碼(但是有的可能是圖片......)
 (2)如果是Blogger,版面配置→字型和顏色,
裡面可以找到顏色號碼,也許會有(要看是哪種範本)
 (3)對著部落格按鍵盤上的Print Screen,開Photo Shop等繪圖軟體貼上,拿滴管(檢色器)點一下,Photo Shop要對著工具列上的那個顏色(前景色)按下去,就可以看到#後面的號碼了。

Q5. 怎樣做出花俏的計時器?
貼上背景圖片就好了,
上網找個喜歡的背景圖,複製圖片網址,
或是自己找網路空間上傳圖片囉!


有空來研究一下部落格倒數計時器的語法^^

2 則留言:

  1. 請問我要把那語法放在哪TAT?
    因為是第一次用這種部落格然後跟CSS又不是很熟所以..XD

    喔謝謝妳的教學喔^^

    回覆刪除
  2. 您好,
    當時沒有介紹清楚抱歉呢XD
    如果是BLOGGER,
    在最上面的設計→網頁元素→右方新增小工具→
    >>HTML/JavaScript 新增
    >>將第三方功能或其他程式碼加入您的網誌。
    應該是這個!!
    試試看如果有誤再煩請告知^^

    回覆刪除