clocklink安裝倒數計時器&網路時鐘教學

關於本部落格的時鐘及倒數計時器我所採用的是clocklink系統,這個網站經常開發不同的網頁時鐘,而這種系統可以製作與你的時區相符的時鐘,且可以根據你所給的條件提供HTML原始碼供你使用,目前廣泛被部落格拿來使用,而它除了可以設定並安裝Blog的時鐘系統以外,還可以製作倒數計時器,尤其在每年年底的倒數時刻,這種方式可以很明顯的告訴他人所剩餘的時間,它可擺在任何支援HTML語法的網頁上喔。

為了方便舊文章的轉貼活動,因此格式做了一些變動,同時本文的轉載部分也不見了,而本文的發文時間也以”最後更新時間”為準,方便大家使用此服務

編輯提示:本文由天空部落(舊站)轉貼而來,排版格式變更。

文章審查 Logo


倒數計時器教學



第一步-選擇語言及進入選擇畫面

cloklink 1 進入選擇清單

語言請選擇Chinese(定義為簡體中文),以方便操作及設定,請注意,它的語言設定只限定全站或選擇計時器頁面,關於使用條款及設定計時功能可能會顯示英文,本教學文的圖片採用中英對照,你可以將您設定倒數裝置的畫面與本教學文的中英對照圖片相對應就可以知道如何設定倒數計時器了。


第二步-選擇時鐘

cloklink 3 進入選擇清單

請先點選”時鐘圖庫”進入畫面,它有很多圖庫可供選擇,如果您想要的是像去年倒數的跨年計時器,則請按”計時”,如果您想要的事項本站一樣的網路時鐘,則請按”模似”(簡體翻繁體為”模擬”)
倒數計時及時鐘的設定大同小異,您只要選擇你喜歡的圖案,按下”查看HTML標籤”就可以進入下一步的”使用條款”頁面。


第三步-使用條款

cloklink 4 同意使用條款

這點應該不用我多說了吧!只要您要申請網路的會員帳號都需要同意該條款,這點直接跳過,順便告訴你:Accpet 為”同意”,Desagree則為”不同意”該條款。


第四步-設定計時器

cloklink 6 設定並取得計時器語法

進入計時器頁面,這裡的設定較為複雜,它畢竟是倒數計時器,而不是只要對應時區的網路時鐘,而右邊這張圖片已經將大部分的細節都解釋清楚了,而且有顏色鮮明的設定對照圖,只有少部份需要補充,需解釋的選項如下

通常不需設定的選項:
Color:顏色 (通常不用設定)

以下為須留意的設定選項:
1.Select by Timezone:按時區設定
2.Select by City:按城市設定選項

Country & City:國家&城市(對應於”選項1″)
TimeZone:時區(對應於”選項2″)

Title:計時器左方的標題
Message:過了倒數日期後所要顯示的訊息

建議設定為Select by Timezone,而時區設定為GMT+08:00,也就是台灣及中國所選擇的時區,至於日期方面,據它的選項設定為”Month/Day/Year Hour:Minute:Second“翻譯成中文就是 “月/日/年 時:分:秒”,你可以參見以上說明來設定你想倒數計時的日期及時間

簡單來說,倒數計時器如果要設定為2009年12月31日的午夜零時,請設定成以下格式:
“12/31/2009 24:00:00”

※設定時請注意以下兩點:
1.若設定為跨年則請不要將時間設定為”1/1 0:00″,因為這樣會出錯,而24:00對映的是午夜12:00則不會出錯。
2.設定完畢後請記得點選設定內容後面的Update以方便計時器更新資料及HTML原始程式碼。
3.標題方面雖然顧及到HTML可能會將中文翻成亂碼,但是倒數計時器可以正常顯示中文,所以可以放心的設定倒數的中文訊息,但長度不要太長,建議20個字元以內,一個中文字相當於兩個英文字母。

第五步-取得原始碼

在第四步的圖片有設定對應圖,的下方有個HTML的方框,請直接複製他並貼在可支援HTML的地方,此外由於它是橫幅,因此建議放在Blog描述或頂置文章。

※由於發文時間為2009年,目前2008-2009年跨年計時器已失效,故不提供原始碼,為了彌補大家,本站已發布2009-2010倒數裝置程式原始碼。

2009跨2010年倒數計時裝置的HTML語法,由於它是橫幅,因此建議擺放在Blog描述或者是頂置文章。

<script src=”http://www.clocklink.com/embed.js”></script><script type=”text/javascript” language=”JavaScript”>obj=new Object;obj.clockfile=”9001e-blue.swf”;obj.TimeZone=”CCT”;obj.width=288;obj.height=18;obj.Target=”2009,12,31,24,0,0″;obj.Title=”%E8%B7%9D%E9%9B%A22010%E5%B9%B4″;obj.Message=”Happy%20New%20Year%20!%20″;obj.wmode=”transparent”;showClock(obj);</script>


時鐘教學


由於此教學文的企劃是在跨年前臨時發佈的,而且本站來不及在跨年前寫完教學文,為了彌補大家,我新增的時鐘教學的計畫,由於時鐘的製作與倒數計時器的製作方式大同小異,而且較為簡單,所以將省略幾個步驟,以加速教學文的發布及維護作業,有差異性的地方才會有圖片喔!

第一步-選擇語言及進入選擇畫面

cloklink 2 進入選擇清單

就像倒數計時器的第一步解說,請選擇Chinese(簡體中文),以利選擇時鐘樣式,接下來按下”模似”(模擬)連結,選擇時鐘樣式,若你想要其他類別的話可以選擇其他標籤,然後同樣的點選”查看HTML標籤”取的HTML原始碼。

第二步-使用條款

cloklink 4 同意使用條款

這裡的內容與計時器的使用條款相同
故不另外說明,詳情請參見前面的第三步。

第三&第四步-設定時鐘樣式

cloklink 5 設定並取得時鐘語法

這裡比倒數計時簡單多了,在這裡用圖片中的時區GMT+08:00就可以了,如果要顯示城市名稱,請在Show the city name option的選項打勾並填寫城市名稱,之後直接複製語法到自由欄位就可以了。成功的話你就可以看到你所設定的時鐘已成功顯示暫BLOG上了。

時鐘語法大放送,請將下方表格中的HTML碼複製在自由欄位中,HTML的判讀程式會自動顯示Blog時鐘。


<script src=”http://www.clocklink.com/embed.js”></script><script type=”text/javascript” language=”JavaScript”>obj=new Object;obj.clockfile=”0001-blue.swf”;obj.TimeZone=”GMT0800″;obj.width=150;obj.height=150;obj.Place=””;obj.wmode=”transparent”;showClock(obj);</script>

文字型時鐘

<script src=”http://www.clocklink.com/embed.js”></script><script type=”text/javascript” language=”JavaScript”>obj=new Object;obj.clockfile=”5002-blue.swf”;obj.TimeZone=”GMT0800″;obj.width=192;obj.height=16;obj.Place=””;obj.DateFormat=”YYYY-MM-DD”;obj.wmode=”transparent”;showClock(obj);</script>


後記


因為新格式要求要有後記,所以就新增了這的後記單元,如果在座友有逛過我的天空舊站的網友應該就知道這個時鐘歷史悠久,從上一代的網站演變到現在,除了傳統的時鐘以外還有文字型時鐘,而這些時鐘不是自動判斷的,它可以針對你的時區進行調整,而這套系統營運多年都沒出什麼狀況,所以被某些Blog採用,我選擇的樣式是比較傳統的樣式,如果太花讓網友看不懂就糟糕了,此外還有文字型的時鐘讓大家可以看,這份教學可以讓大家DIY自己崁入時鐘到你的Blog或網頁上,希望大家多多利用此資源喔!

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料