[分享] 在部落格上放一個時鐘

眼尖的朋友一定發現,今天中午後,艾瑪的部落格多了一個可愛的時鐘,嘻嘻,還改了兩版。

前一陣子介紹過一種時鐘可以下載至電腦中的。
這次來介紹放在部落格中的新時鐘
~~會不會介紹完之後,大家家裡都多了一個時鐘:P)

 

  • 【第一種】http://www.clocklink.com/

    這是一個介面還不錯的時鐘,上面的說明很清楚。
    只要選時鐘樣式→複製語法後→選時區(台灣的話就是CCT時區)→換時鐘顏色→貼到你的部落格中,這樣就大功告成了!

我的日記CSS備份部落格中,都有這個時鐘。

1 和 2 時鐘的顏色樣式可改。
3 和 4 的時間格式也可以改。當然還可以加上你的地名、部落格名稱等(隨心所欲)。
 

1 2
<embed src="http://www.clocklink.com/Clocks/0001-Blue.swf?TimeZone=CCT" width="200" height="200" type="application/x-shockwave
3 4

 

  •  【第二種】日本的豬時計
    也就是隨處走走中現在用的這個,這個時鐘的顏色多一點花樣也比較多

         

[補充說明]

1. 不論是英文版的,或者日文版的,都不需註冊。這是一個開放的碼,提供使用者免費使用
2. 這兩邊的時鐘,都是FLASH檔,如果電腦中沒有FLASH程式,自然看不到效果。
3. 我現在用的這個是原始碼是:  

◎ 使用方法如同新增連結方式,將上述原始碼填入「名稱」的地方。
◎ 如果你喜歡表格中一和二的時鐘,他的原始碼是:

168 thoughts on “[分享] 在部落格上放一個時鐘”

  1. Dear艾瑪,你的手腳還真快呀!:D
    當我在無名bbs<0Blog>版上看到「時鐘」那篇文章的時候,這裡不
    僅已經放上了一個,艾瑪又多介紹了另一個相關的好網站!
    我很喜歡你的網站喔!是我以後努力的目標啦!

  2. Sherry 謝謝你啦!
    OBLOG也有介紹啊?嘿嘿∼
    誰啊?手腳這麼快?呵呵∼
    愛咪你是真的需要一個時鐘提醒你
    不然每次都要人家叫你去睡覺
    實在∼∼ :P

  3. 唉喔..艾瑪
    我是BLOG白癡級的
    選好後複製語法到"樣式管理"裡
    我不知道要插在哪裡耶??…
    拜託你用最低等的方法跟我說吧..
    辛苦你了^^

  4. claire, 不用申請,這等於是一個開放的SOURCE CODE。
    LULU,在右邊工具列中,資料夾中,加入一個連結。然後把這些碼貼在「
    名稱」的地方即可。

  5. 艾瑪:
    妳的 html 功力太強了, 在下佩服不已,
    我已經趕時髦, 將時鐘放到 blog 上了,
    謝謝妳.

  6. 就像你這句話說的:
    (ㄟ∼∼會不會介紹完之後,大家家裡都多了一個時鐘:P)
    我是因為你介紹
    也跑去放了一個 ^^

  7. 謝謝你的詳細說明
    今天才剛在別的blog看見時鐘 想說自己也弄個好了
    不過自己是新手 還在想該怎麼辦時
    就看見你的介紹 真幸運
    總之 謝謝你摟 ^________^

  8. 你這時鐘的效應實在太驚人了
    現在每逛一個blog
    都會跳出一個不同的時鐘來
    艾瑪的影響力果真了得^^

  9. 好多人回應,我都不知道要怎麼回了。
    一句話:謝謝光臨,歡迎下次再來。:P
    我覺得應該謝那些無料分享程式給大家的網站才對
    艾瑪沾光了∼
    ^^

  10. 艾瑪~
    妳的分享讓這些網站的存在有意義~
    妳的慷慨與熱心令我感佩~
    還特別加上使用說明~
    一一回答不上手的網友問題~
    再次深深鞠躬~
    好愛艾瑪喔~~

  11. 我是從eurodin的網誌那兒連過來的,覺得你的blog真棒!我的blog還停留
    在101的階段,而且也還沒研究出你教的時鐘要怎麼放,得再接再厲多多向
    你學習才行。

  12. Dear 艾瑪:
    我是從巴里島小記上游過來的
    從此就一直潛水在這裡
    ^___^
    本來想一直潛水的
    可是看到這個可愛的時鐘
    我….我還是浮出來說聲
    艾瑪….
    妳真是太厲害了!!

  13. 謝謝艾瑪的分享
    只是不知道為什麼..我貼上去的連結只有表三的格式
    沒有時鐘勒><…
    也許是缺少FLASH程式吧…
    我在努力試試..你的網站好精采..我想我會常來逛的
    下次可以介紹如何要在文章中貼圖片嗎..
    呵呵….

  14. Dear艾瑪
    我也要謝謝妳的分享喔
    好可愛的時鐘喔!
    順便想問問妳這篇介紹文章可以借我轉載到我的blog嗎?
    我也想跟我的好朋友分享這個時鐘語法^_^

  15. Irene, welcome.
    那是國外網站上提供的。我只是把他寫出來分享而已。
    祝你部落格漫遊愉快∼

  16. 艾瑪請問我要把時中放在往至左上角要加在哪裡?
    還有阿如果我的網誌上面也想有個圖要加在哪圖片要做成多大?
    不好意思阿-__-今天才開始研究的ˇQ~

  17. hihihi 艾瑪你好阿~我也是個菜鳥+新手@@
    最近看了妳的版獲益很多喔∼我也放了時鐘上去
    但是不知道要怎麼把他從靠左邊變成靠中間
    屋∼可以麻煩你指導我一下嗎?
    感激不盡阿∼

  18. 1. <center><時鐘碼></center> 置中
    2. <p align="XXX"><這邊放時鐘的碼></p
    >< br >
    xxx= right(右)或
    xxx=left (左) 看妳要往那邊放
    記得要加上< br >這個東西 不然後面的東西全部都會跟他跑
    (就是說妳設定中間,他全部都跑中間,妳設定右邊,下面的東西全部跑
    右邊) 而且<>和br之間不可以有空格。

  19. ya~謝謝艾瑪十分快速的回應耶∼
    haha 我已經成功囉^^
    太高興拉∼
    那個……..我偷偷把妳加入我的連結囉
    希望你不會介意阿 ㄏㄏ

  20. Josiane,
    你們去的地方我剛好分了兩次去說∼
    兩千年去了普羅旺斯和巴黎
    去年去托斯卡那
    真是令人懷念啊∼
    ^^

  21. 艾瑪部落格小神童,請教妳一個問題:每次click我文章裡的圖片都會連結
    到相簿(因為是從相簿貼過來的),我要如何去除這個超連結呢?還是有
    其他貼圖的方法?

  22. 有哩!請你到你要連結的照片處,在該照片的地方按右鍵>內容
    那裡有一排URL,那才是照片的真正路徑,你要拷貝這個才對喔。
    例如我的封面照片:連結顯示的是
    http://www.wretch.cc/album/show.php?i=amarylliss&b=1&amp;
    amp;f=1078513226.jpg
    但是你不能用這一排喔,要右鍵中的內容那排:
    http://a.pic.wretch.cc/./photos/a/amarylliss/1/1078513226
    .jpg
    這個才是真的路徑,你要連結這個才行喔∼

  23. 我發現我有點白目。
    我講錯了。
    那張圖的原始碼應該是
    <a href="你點圖後會連結到的網頁"><img src=
    "圖片網址"></a>
    你要把<a href="">和</a>這兩個標記刪除
    這樣就不會有超連結了!

  24. 不知道我是不是第一次在艾瑪這留言!?
    anyway
    謝謝艾瑪的分享喔
    而且看到艾瑪這麼用心的經營自己的BLOG
    又這麼大方的這麼不辭辛勞的把自己研究的心得和大家分享
    激勵了我要用功上進(在BLOG上啦:p)
    不管是不是有很多教養不太好的人從你這偷了些什麼
    我想你對大家的影響絕對是正面積極的

  25. 問一個小小問題喔
    如果要把別人的網站啦BLOG啦加入連結的話
    需要特別知會嗎?
    還是不用呢
    如果我要把艾瑪加入連結
    要不要說一聲啊!?
    (希望這不是個蠢問題^_^")

  26. 有些人不喜歡別人連結他的網站,或許是因為他的網站有秘密,不想別人
    大肆宣揚。但如果像艾瑪這樣愛現的人,大概就沒有關係吧?!
    歡迎Evelyn連結喔∼
    也謝謝你的留言!

  27. hello 艾瑪你好
    我是第一次留言. 很感謝你的熱心分享
    從你這邊學到不少好東西
    也讓我的blog增色不少唷~~
    Thanks la~~

  28. 總算把時鐘放到Blog上啦!(還好寶寶仍然睡得很香甜)
    謝謝艾瑪的教學,我也要把妳的Blog放入My Favorite連結中喔~

  29. 親愛的宇宙超強的艾瑪,我昨天才剛碰blog的東西,看了前面放時鐘的解
    釋,我還是不懂。(我快哭了)什麼右邊工具列的資料夾,新增連結的方式
    ??知道的人教我一下好吧???謝謝啦!

  30. 我還是沒有辦法把日本的豬時計放上去ㄟ!!
    都沒有辦法顯示出來…這是什麼情況??
    謝謝喔~~我是路人

  31. 謝謝你的無私^^
    很感謝呢
    偷偷的問一下
    有沒辦法把時鐘放在行事曆的那個框框啊XD
    我只是問問啦
    有空再理我就好了^^|||
    乾溫蛤

  32. Dear愛瑪~
    剛剛看到這個很棒的程式~先謝謝妳的 分享囉~
    想請教妳~
    我已經可以在資料夾管理中貼上時鐘
    但是我想把它放到醒目的標題旁(也就是我的布落格名稱旁)
    不曉得應該怎麼做才好??
    可以麻煩妳教教我呢?謝謝

  33. 就把那些碼直接貼在「網誌敘述」上即可
    我的BLOG上方,有一個在動的白色時間表
    就是這種時鐘的其中一個款式喔~
    ^^

  34. 我也是超級新手…真滴不知道該把複製的原始碼插在那呀?_?
    艾瑪可以教我怎麼放入可愛的時鐘在blog上呢?_?感激呀~

  35. 您好,我想請問一下那如果我想把時鐘放在整個版面的右上方要怎麼
    設語法呢?麻煩你教一下了!謝謝您囉!

  36. 好氣人喔!!
    看了艾瑪詳盡的介紹好想馬上來大顯身手~~
    尤其是小豬時間真想大喊:老闆馬上來一個
    但是不知為何我就是無法登入自已的網誌!!
    像是發生這樣的問題我要到哪尋求協助~一個可以給我回覆的地方
    連bbs都連不上 是我的問題嗎??
    苦惱中~
    不過你人真好~我是在葛羅那發現你的~真的是一個好站
    恨不得馬上把你放在我那連結~因為無法登入無名
    不過已經加入我的最愛了!!
    謝謝你的分享 萬分感激ㄋㄟ!!
    小敏

  37. 感謝艾瑪提供這個資訊,我很喜歡你的網站, 弄的真漂亮,
    不過我有一個小小的問題,就是怎麼將時鐘置中呢?我照你的話去做,可是
    時鐘靠在左邊,我希望它可以在中間

  38. 那如果我想把他放在右上角呢?
    我剛試<right>失敗..@@ 自以為可以舉一反三呢 XD

  39. Aloha! ^_^
    I am a new user of Blog.
    So happy to find such a wonderful place
    on the worldwide Web.
    Thank you for sharing all the good stuff!
    Is it ok if I link your blog to mine?
    Have a nice trip!
    PS. Sorry I can't type in Chinese because
    this is my husband's computer.
    I need to download Chinese software.^^''

  40. 謝謝你的資訊分享喔
    我現在有個問題想請教你
    我的部落格上方也有個很大片的空白
    試了好幾次都不能將時鐘放在那塊空白處
    可以請您教我如何改嗎
    我都是瞎搞的
    從css裡亂改
    :p

  41. 感謝艾瑪, 現在我也放了一個計時器了. 不過原本屬意上面的時鐘1, 可是
    不知道它的原始碼…所以….><
    另外, 日本的豬時計也好可愛喔, 請問可以改顏色嗎??

  42. 艾瑪~剛看到這個豬時鐘..
    我超愛的拉~~
    可是剛剛試了幾次發現好像不能更改時間??
    比方說ClickTime的就可以用更改時區來改時間
    豬時鐘的好像不行喔??
    還是有其他方法呢??

  43. 你好棒喔…
    我也放了一個時鐘上去了…
    在你的這裡有好多收穫…好喜歡你的網站
    我要常來這裡玩喔^^

  44. Dear艾瑪tc~~
    意外到訪妳的Blog,發現好多寶藏喔!!
    就像妳說的,看完時鐘的文章介紹,
    也就會在自己的Blog放上一時鐘.謝謝妳的無私分享,
    真是受用無窮!!
    來到這裡,就像上了一堂寶貴的課程,我會常常來的.
    祝福艾瑪tc安安唷!!

  45. Dear艾瑪 :
    為什麼我放了時鐘,
    開我自己的網誌速度變慢了?? …
    是會影響到速度嗎?? … ( 看其他人的好像都不會 )
    另外 …
    我可以請教您如何換 "個人資料" 跟 "相簿"
    還有 "留言板" 的背景底圖嗎 ??
    我也把泥加入我的連結喔 …
    有空我會常來ㄉ!!
    謝謝泥 !! ^^

  46. 艾瑪…
    不好意思唷…
    想請問你放時鐘的方法…
    一直沒辦法掛上去….
    麻煩你了…
    謝謝^^"

  47. ◎ 使用方法如同新增連結方式,將上述原始碼填入
    「名稱」的地方。

  48. 謝謝艾瑪!! ^0^
    語法好難喔 不過時鐘好可愛 調色盤也好好用唷 謝謝謝謝~~ 🙂
    希望你也快快樂樂喔! 😛

  49. 初次見面(其實常來偷看啦,但第一次留言,羞~~)
    謝謝艾瑪的教學,終於也放上了一個小時鐘
    改天再把艾瑪的連結請回家
    一天學一樣就夠了,呼~~免得笨笨的我吸收不良

  50. 呵呵~~我也學會了..真開心…
    第一次到這..就學到新東西….^^
    謝謝艾瑪的教學呢…..

  51. 嗨~艾瑪:
    我是無名新手啦~你寫的很詳細 可是我還是看無耶
    不好意思唷~就是把語法複製之後~進入樣式管理,之後是點入修改css樣式表ㄇ?
    如果是的話 這ㄍ語法要插入哪行裡頭
    <embedsrc="http://www.butabon.com/Clock/clock_037.swf&quot;
    width="150" height="150" type="application/x-shockwave-flash"
    menu="false" loop="true" quality="high" wmode="transparent">
    霧煞煞中

  52. ◎ 使用方法如同新增連結方式,將上述原始碼填入「名稱」的
    地方。

  53. ㄟ…我把時鐘放上去了…可是要刪怎麼都刪不掉阿…
    我是放在資料庫管理那邊….怎麼辦呢?

  54. hello~艾瑪~*^^
    謝謝妳提供這個資訊..我也架上時鐘了耶
    妳真的好棒…好棒喔!!!呵呵~~~

  55. 想問問艾瑪,
    每次滑鼠一經過我的時鐘,他的logo就會跑出來,然後整個擋住了時鐘
    ,但是艾瑪的時鐘位什麼不會這樣呢?
    有什麼方法可以讓他的logo不見呢??

  56. ~"~為什ㄇ大家都看ㄉ懂~
    我還是不懂要把原始碼貼在哪裡>"<
    我把她放到"修改css樣式表"可是都沒看到時鐘
    請問我該放在哪裡才會顯示
    謝謝~"~

  57. ◎ 使用方法如同新增連結方式,將上述原始碼填入「名稱」的地方。
    我覺得我文章寫得應該夠清楚啊!

  58. 呵呵./..好像發現滴有點晚喔…可以加你為好友嗎….
    我覺得你滴網站做滴很讚耶////

  59. 嘿嘿…再問一下唷…只可以在網誌設時鐘嗎…
    其他地方行不行呢////例如留言版或相簿….謝謝唷///

  60. 只要可以貼HTML語法的地方
    應該都可以試試看
    你試試看就知道啦

  61. 艾瑪~
    謝謝您清楚的教學
    我放了一個時鐘在我的網頁
    真得很感謝您~~~

  62. 艾瑪^^
    謝謝你的教學喔^^
    我也打包了一個時鐘回去了
    好Q喔^^
    我把你加入好友及連結喔^^
    感激不儘

  63. 謝謝艾瑪
    謝謝你很仔細的教學
    我會常常來這裡補習的
    希望有一天 我也會變成擁有一個很有自己風格的部落格囉^^
    令外 貼BANNER的方式 是否就跟時鐘相同
    語法勒 要變什麼嗎??

  64. 好可愛ㄉ時鐘ㄛ~~不好意思啦~~
    可以教我怎麼用嗎??謝謝ㄋㄟ^_^

  65. 艾瑪~~
    我放時鐘在網誌後…要連我ㄉ網誌要跑很久耶~~
    怎麼會這樣??>"<

  66. 請問一下喔~為什麼我放了之後都沒有出來???
    出現的就是那個原始碼而已耶~

  67. 親愛的艾瑪:
    我連了一個時鐘在我的部落格裡囉!
    在這裡發現了一堆的寶,
    我應該早點發現才對

  68. 艾瑪~我也把貓咪放在我的網誌裡了?
    不過為什麼週邊黃色的背景沒辦法弄不見呢?
    (雖然我日文不強,但我看網頁上說是可以換背景顏色的耶…
    而且當我按白色時,背景的確變成了白色的,
    可是一下載之後就…)
    可以幫我看看原因出在哪嘛?
    謝謝囉^^

  69. 想請問一下艾瑪, 之前在安裝時鐘時,我順便就把它改在左上角,但
    是現在想改回來不知道該從哪個語法下手

  70. 艾瑪艾瑪~
    你好厲害歐,在你的blog裡面學到了不少東西
    我也在好站連結裡加入你了歐..
    呃,我可以引用你的文章嗎?
    你介紹的非常棒也很清楚!!

  71. 看了大大的文章
    感謝您的分享….讓我這CSS白痴
    也能透過這樣的小時鐘 擁有同中求異的樂趣
    再次說聲謝謝!!

  72. hello 艾瑪~
    你好,我是blog新手,已經試了兩天想將時鐘放到我的網誌裡,可
    是一直失敗,我實在是沒有概念,希望你能幫我解決困難。
    這是我的步驟,首先我將我要的時鐘網址copy下來,然後到我的blog
    裡的"樣式管理",之後再進入“修改ccs樣式表“,然後就不知
    道該將我的時鐘<embed src="http://www.clocklink.com/clocks/0002-
    White.swf?TimeZone=EST" width="200" height="200" wmode="transparent"
    type="application/x-shockwave-flash">插入哪裡就完全不知道了…
    對了,我用的是power book,會是因為mac的緣故而無法使用嗎?
    麻煩你了∼∼∼
    謝謝!!

  73. 謝謝艾瑪小姐…
    這個時鐘實在是太可愛了…
    而且你的網誌真的寫的很棒…
    感謝感謝…

  74. 上別人的網站,
    看到了時鐘,
    就連結到妳這兒,
    覺得妳很棒,
    感謝妳的分享,
    讓我這個新手學了不少東西,
    願意與人分享的妳,
    是最有福的
    感恩!!

  75. Hi 艾瑪妳好
    逛妳的部落格有一段時間,很喜歡這股清新的風格。
    在這裡學習到時鐘和引用的方式,謝謝妳的不藏私,
    願寫出來與大家分享。
    我已將妳列入好友的網誌,也是電腦小老師。
    部落格中要留言者勿用注音,這點深有同感。

  76. 妳好~~~艾瑪^O^*
    我第一次來到這~~
    覺得這裡真是一個寶庫~~
    好好玩~~
    又好多好妙的東西~~
    這個時鐘我用成功囉~~開心!!!
    謝謝妳~~~^^
    我會常常來這~~學習東西的!!

  77. 真是太謝謝妳了!
    好多時鐘都好可愛哦!
    我也有用了
    本來以為很難,想不到還蠻容易的!

  78. 艾瑪我想問你一個問題
    就是要把圖片弄到文章上面要怎麼用阿
    我只會把相簿裡面的圖片插入到文章
    但是像你教學文章的圖片不會用
    你可以教我嗎??(如果不行的話沒關係)
    還是要加入會員呢??

  79. 謝謝這位大大無私的分享
    我弄了快一個禮拜 才把可愛的時鐘放上我的無名
    一個禮拜的問題 其實是…我用樣式3或4的時鐘
    整串資料 會跑到最右下角去(我的整串東西 是放在靠左的)
    後來想想 我還是決定用另外一種時鐘
    還是很感謝艾瑪大大:)

  80. 我不小心把他貼錯貼到網誌名稱去了結果整個錯亂掉了
    而且沒辦法改回來
    該怎麼辦呢??

  81. 妳ㄉ註解很清楚~原讓一頭霧水ㄉ我…突豁然開朗了起來…謝謝妳囉~^^

  82. 艾瑪…
    謝謝你喔 時鐘真的很可愛
    我要把它放在網誌上XD
    再次跟你說聲謝謝喔!!!

  83. 感謝阪大的分享~
    我引用了唷~
    雖然有小小改變
    但是原著是妳
    給你拍拍手
    新手留

發佈留言

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