BlogPet 這個部落格寵物, 衫衫己介紹過了; 而最近 BlogPet 的母公司 - LINK THINK 就推出了一個新網站 - BlogToy, 只要用戶登記一個帳號, 即可簡單地加入各種不同的玩意玩物, 各位有興趣也可以立即申請啊~
BlogToy - 顧名思意, BlogToy 的名稱就是解作「部落格玩具」的意思, 為用戶提供各種不同的玩意玩物; 而 BlogToy 玩意的特色, 便是「簡單」、「方便安裝」及「自由組合」這三大重點, 用戶只要透過簡單的設定和自訂功能, 即可組合出 500 款以上的玩意, 變化無限; 而為了吸引用戶, BlogToy 當中不少玩意, 也加入了 LINK THINK 的最受歡迎元素 - BlogPet, 這肯定令不少 BlogPet 迷, 也會「一見鍾情」~ ^_^ 可惜網站上各玩意只提供 Java Script 代碼, Windows Live Spaces 的用戶必須先將其轉成 ＜embed＞ 嵌入式代碼方可使用~
BlogToy 官方網址 - http://blogtoy.net/
PS: 如果各位不清楚 BlogPet 這個部落格寵物, 請參考這裡。
| BlogToy 玩意示範 (BlogToy Clock [Analog] 及 BlogToy Clock [Digital])
|
|
|
| 這些 BlogPet 的時鐘可愛吧~ 更可加入自訂的相片呢~ ^_^
|
| |
在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:
-
-
-
本教學中所介紹的插件, 衫衫只有在 HTML Sandbox 和 Sandbox 這兩個 gadget 上進行測試。如果各位希望在 Custom HTML、HTML 模瑰或部落格內加入插件的話, 請自行研究插件代碼的轉換方法。
-
|
1. 要加入各種 BlogToy 玩意, 各位首先必須先申請一個用戶帳號, 請先到 BlogToy 網站 - http://blogtoy.net/, 然後按一下「BlogToy 無料登錄」圖示 (圖1)。
(圖1)
2. 請根據 (圖2) 的指示, 填上各項資料, 然後按一下「規約に同意して次へ 」按扭。
(圖2)
3. 當看到以下畫面 (圖3), 即代表你已成功登記 BlogToy 帳號。
(圖3)
4. 這時候, 你會收到一封由 noreply@blogtoy.net 所寄出的確認電子郵件 (圖4), 開啟郵件後, 內裡有一個啟動帳號鏈結, 請點選這鏈結。
PS: 如果郵件內容變成亂碼, 請將編碼方法改為「日文 (自動選擇)」。
(圖4)
5. 當點選鏈結後, 網頁會自動開啓帳號確認頁, 請按一下「BlogToy へログイン」按扭 (圖5)。
(圖5)
6. 這時候, 你已經成功申請 BlogToy 帳號並登入 BlogToy 網站了, 你會看到左邊藍色的欄位上, 顯示 (まだなにも利用していません) 字句 (圖6), 表示你尚未加入各種玩意。
(圖6)
7. BlogToy 所有玩意共分為 8 個類別 (暫時), 要加入各種玩意, 可以在下方的「BlogToy カテゴリ」欄位中, 按下對應的 8 個鏈結 (圖7), 只要按下類別鏈結, 依著步驟, 即可以在你的帳號中加入該類別的所有玩意。
(圖7)
8. 以「BlogToy Clock [Analog]」這個類別為例, 先在上一個步驟中選擇「BlogToy Clock [Analog]」這個鏈結, 然後在右方就會顯示這個類別的各種玩意示範, 只要點擊隨便其中一個玩意示範 (圖8), 即可加入這個類別。
PS: 如果某些類別, 沒有顯示玩意示範, v要按下
圖示, 才可以加入這個類別。
(圖8)
9. 成功加入類別後, 可以看到左邊藍色的欄位上, 會顯示己加入的類別名稱鏈結 (圖9), 只要按下這鏈結, 即可設定這個類別的所有玩意。
(圖9)
10. 所有玩意的設定頁 (圖10), 共分三個欄位; 上方的欄位可以設定該玩意的各項參數, 例如背景顏色、上載自訂圖片等, 並可即時預覽結果; 中間的欄位會顯示該玩意的 Java Script 代碼; 而下方的欄位只有一個「パーツ利用をやめる」按扭, 按下這按扭則代表你停止繼續使用這類別的所有玩意。
(圖10)
11. 現在大家己明白 BlogToy 網站的使用方法了, 亦了解如何設定各種玩意, 不過衫衫在上述己提過, BlogToy 網站只會提供 Java Script 代碼, 對於其他 Blogger 可能已經足夠, 但是 Windows Live Spaces 的用戶必須將代碼轉換成 ＜embed＞ 嵌入式代碼, 才可以放在 Windows Live Spaces 內。
其實每個從 BlogToy 玩意或插件的 JavaScript 代碼中, 已包含了你的帳號 ID, 只要利用這個帳號 ID, 即可以轉換成 ＜embed＞ 嵌入式代碼。例如, 以下是夜衫衫設定其中一項玩意後, 所得到的原代碼:
＜script charset="utf-8" type="text/javascript" src="http://sticky.blogtoy.net/analog/0ff1e2adcd72b8f70d7854d382beff8d.js"＞＜/script＞＜noscript＞＜em＞＜a href="http://blogtoy.net/"＞ブログ トイ [BlogToy]＜/a＞＜/em＞＜/noscript＞
0ff1e2adcd72b8f70d7854d382beff8d 就是夜衫衫的帳號 ID 了。(呵呵~ 知道了這個帳號 ID 後, 就可以加入 BlogToy 的所有玩意或插件了~ ^_^)
有關網站的使用方法、各種玩意設定方法及帳號 ID已介紹完畢, 也是時候開始說明各種玩意的代碼轉換方法了, 但因為 BlogToy 的玩意實在太多, 衫衫在這裡先介紹 BlogToy Clock [Analog]、BlogToy Clock [Digital] 及 BlogToy Weather 這三個類別的各種玩意, 其他類別的玩意, 就留待下篇教學吧~
各種玩意轉換後的代碼, 只要利用內嵌影片的方法, 直接放在部落格上即可, 當然, 若你喜歡放在 HTML Sandbox 或 Sandbox 這兩個 gadget 內也可以的。
| BlogToy Clock [Analog] 類別的說明及代碼轉換方法: | |
BlogToy Clock [Analog] 這類別就是一般的小時鐘, 大部份也可自訂背景顏色、文字顏色或上載自定義背景圖, 最特別之處就是部份可以改變外形, 非常有趣~
PS: 為了不影嚮瀏覽本頁速度, 以下 BlogToy Clock [Analog] 類別各玩意都不會在這裡作出示範, 如果要觀看各玩意的實際示範, 各位可以按這裡。
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。
| BlogToy Clock [Analog]
|
| 玩意名稱
| 可被 Windows Live Spaces 支持
的 ＜embed＞ 嵌入式代碼
|
|
カスタム時計
衫衫加入自訂背景圖後的效果
| ＜embed src="http://blogtoy.net/parts/analog/analog_mono.swf" bgcolor="transparent" quality="high" wmode="transparent" allowscriptaccess="always" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" Flashvars="domain=blogtoy.net&uid=帳號ID&bgcolor=背景顏色&texcolor=文字顏色&seccolor=秒針顏色&mincolor=分針顏色&hourcolor=時針顏色&frame=c&day=on&usebgimg=0" height="130" width="130"＞＜/embed＞
代碼說明:
帳號ID - 就是你的 BlogToy 帳號ID。
背景顏色、文字顏色、秒針顏色、分針顏色及時針顏色 - 以 16 進制色碼表示; 例如 bgcolor=FFFFFF 等於白色背景; 或 texcolor=000000 等於黑色文字等。各顏色的代碼, 可按這裡。
frame=s - 外形是方形。
frame=c - 外形是圓形。
day=on - 顯示日期。
day=off - 不顯示日期。
usebgimg=0 - 不顯示自訂背景圖。
usebgimg=1 - 顯示自訂背景圖。
|
|
BlogPet
「こうさぎ」
「こいぬ」
「こねこ」
「こぱんだ」
「こねずみ」
| ＜embed src="選擇動物" bgcolor="transparent" quality="high" wmode="transparent" allowscriptaccess="always" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" Flashvars="domain=blogtoy.net&uid=帳號ID&bgno=背景顏色編號&frame=c&usebgimg=0" height="130" width="130"＞＜/embed＞
代碼說明:
http://blogtoy.net/parts/analog/analog_blogpet_usa.swf - 選擇「兔」型圖示。
http://blogtoy.net/parts/analog/analog_blogpet_dog.swf - 選擇「犬」型圖示。
http://blogtoy.net/parts/analog/analog_blogpet_cat.swf - 選擇「貓」型圖示。
http://blogtoy.net/parts/analog/analog_blogpet_panda.swf - 選擇「熊貓」型圖示。
http://blogtoy.net/parts/analog/analog_blogpet_rat.swf - 選擇「鼠」型圖示。
帳號ID - 就是你的 BlogToy 帳號ID。
背景顏色編號 - 可選擇 "1" 至 "5", 分別是: "1"=藍色、"2"=粉紅色、"3"=黄色、"4"=綠色、"5"=透明; 例如 bgno=1 等於藍色。
frame=s - 外形是方形。
frame=c - 外形是圓形。
usebgimg=0 - 不顯示自訂背景圖。
usebgimg=1 - 顯示自訂背景圖。
|
|
クラシック時計
| ＜embed src="http://blogtoy.net/parts/analog/analog_classic.swf" bgcolor="transparent" quality="high" wmode="transparent" allowscriptaccess="always" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" Flashvars="domain=blogtoy.net&uid=帳號ID" height="230" width="150"＞＜/embed＞
代碼說明:
帳號ID - 就是你的 BlogToy 帳號ID。
|
|
スピードメーター
赤 、青、緑、黄
| ＜embed src="選擇顏色" bgcolor="transparent" quality="high" wmode="transparent" allowscriptaccess="always" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" Flashvars="domain=blogtoy.net&uid=帳號ID" height="150" width="150"＞＜/embed＞
代碼說明:
http://blogtoy.net/parts/analog/analog_speed_r.swf - 選擇紅色介面。
http://blogtoy.net/parts/analog/analog_speed_b.swf - 選擇籃色介面。
http://blogtoy.net/parts/analog/analog_speed_g.swf - 選擇綠色介面。
http://blogtoy.net/parts/analog/analog_speed_y.swf - 選擇黃色介面。
帳號ID - 就是你的 BlogToy 帳號ID。
|
|
|
|
除了上述的 Flash 時鐘外, 其實在 BlogToy 網站上還有一些免申請的 Flash 時鐘, 總共 12 款, 衫衫亦將這些 Flash 時鐘的代碼轉換了, 各位可以參考下方的指引, 加入在 Windows Live Spaces 內~ |
除了上述的 Flash 時鐘外, 其實在 BlogToy 網站上還有一些免申請的 Flash 時鐘, 總共 12 款 (analog), 衫衫亦將這些 Flash 時鐘的代碼轉換了, 各位可以參考下方的指引, 加入在 Windows Live Spaces 內~
| 免申請的 Flash 時鐘 [Analog]
|
|
|
＜embed src="http://blogtoy.net/parts/analog/analog_mono.swf" quality="high" bgcolor="#ffffff" wmode="transparent" width="130" height="130" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" FlashVars="uid=analog_clock_編號&bgcolor=000000&texcolor=文字顏色&seccolor=秒針顏色&mincolor=分針顏色&hourcolor=時針顏色&frame=s&day=on&usebgimg=1&bgurl=http://blogtoy.net/img/analog/analog_clock_編號.jpg&domain=blogtoy.net"/＞ ＜/embed＞
代碼說明:
文字顏色、秒針顏色、分針顏色及時針顏色 - 以 16 進制色碼表示; 例如 texcolor=000000 等於黑色文字等。各顏色的代碼, 可按這裡。
frame=s - 外形是方形。
frame=c - 外形是圓形。
day=on - 顯示日期。
day=off - 不顯示日期。
編號 - 只要按照上述的編號, 直接放入中即可; 例如: bgurl=http://blogtoy.net/img/analog/analog_clock_001.jpg |
PS: 以上的代碼, 當然不是由官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。
| BlogToy Clock [Digital] 類別的說明及代碼轉換方法: | |
BlogToy Clock [Digital] 這類別就是一般的跳字時鐘, 同樣地大部份也可自訂背景顏色、文字顏色或上載自定義背景圖等, 其中 「バー時計」 設計得相當創新, 各位看得出來嗎?
PS: 為了不影嚮瀏覽本頁速度, 以下 BlogToy Clock [Digital] 類別各玩意都不會在這裡作出示範, 如果要觀看各玩意的實際示範, 各位可以按這裡。
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。
| BlogToy Clock [Digital]
|
| 玩意名稱
| 可被 Windows Live Spaces 支持
的 ＜embed＞ 嵌入式代碼
|
|
デジタル時計
| ＜embed src="http://blogtoy.net/parts/digital/digital_normal.swf" bgcolor="transparent" quality="high" wmode="transparent" allowscriptaccess="always" TYPE="application/x-shockwave-flash" pluginpage="http://www.macromedia.com/go/getflashplayer" Flashvars="domain=blogtoy.net&uid=帳號ID&bgcolor=背景顏色&texcolor=文字顏色&usebgimg=0" height="70" width="130"＞＜/embed＞
代碼說明:
帳號ID - 就是你的 BlogToy 帳號ID。
背景顏色及文字顏色 - 以 16 進制色碼表示; 例如 bgcolor=FFFFFF 等於白色背景; 或 texcolor=000000 等於黑色文字等。各顏色的代碼, 可按這裡。
usebgimg=0 - 不顯示自訂背景圖。
usebgimg=1 - 顯示自訂背景圖。
|
|
バー時計
| ＜embed src="http://blogtoy.net/parts/digital/digital_bar.swf" bgcolor="transparent" quality="high" wmode="transparent" allowscriptaccess="always" TYPE="application/x-shockwave-flash" pluginpage="http://www.macromedia.com/go/getflashplayer" Flashvars="domain=blogtoy.net&uid=帳號ID&bgcolor=背景顏色&texcolor=文字顏色&usebgimg=0" height="60" width="130"＞＜/embed＞
代碼說明:
帳號ID - 就是你的 BlogToy 帳號ID。
背景顏色及文字顏色 - 以 16 進制色碼表示; 例如 bgcolor=FFFFFF 等於白色背景; 或 texcolor=000000 等於黑色文字等。各顏色的代碼, 可按這裡。
usebgimg=0 - 不顯示自訂背景圖。
usebgimg=1 - 顯示自訂背景圖。
|
|
スティック時計
| ＜embed src="http://blogtoy.net/parts/digital/digital_stick.swf" bgcolor="transparent" quality="high" wmode="transparent" allowscriptaccess="always" TYPE="application/x-shockwave-flash" pluginpage="http://www.macromedia.com/go/getflashplayer" Flashvars="domain=blogtoy.net&uid=帳號ID&bgcolor=背景顏色&texcolor=文字顏色&usebgimg=0" height="40" width="160"＞＜/embed＞
代碼說明:
帳號ID - 就是你的 BlogToy 帳號ID。
背景顏色及文字顏色 - 以 16 進制色碼表示; 例如 bgcolor=FFFFFF 等於白色背景; 或 texcolor=000000 等於黑色文字等。各顏色的代碼, 可按這裡。
usebgimg=0 - 不顯示自訂背景圖。
usebgimg=1 - 顯示自訂背景圖。
|
|
BlogPet 1
「こうさぎ」
「こいぬ」
「こねこ」
「こぱんだ」
「こねずみ」
| ＜embed src="選擇動物" bgcolor="transparent" quality="high" wmode="transparent" allowscriptaccess="always" TYPE="application/x-shockwave-flash" pluginpage="http://www.macromedia.com/go/getflashplayer" Flashvars="domain=blogtoy.net&uid=帳號ID&bgcolor=背景顏色&texcolor=文字顏色&usebgimg=0" height="130" width="130"＞＜/embed＞
代碼說明:
http://blogtoy.net/parts/digital/digital_blogpet_usa.swf - 選擇「兔」型圖示。
http://blogtoy.net/parts/digital/digital_blogpet_dog.swf - 選擇「犬」型圖示。
http://blogtoy.net/parts/digital/digital_blogpet_cat.swf - 選擇「貓」型圖示。
http://blogtoy.net/parts/digital/digital_blogpet_panda.swf - 選擇「熊貓」型圖示。
http://blogtoy.net/parts/digital/digital_blogpet_rat.swf - 選擇「鼠」型圖示。
帳號ID - 就是你的 BlogToy 帳號ID。
背景顏色及文字顏色 - 以 16 進制色碼表示; 例如 bgcolor=FFFFFF 等於白色背景; 或 texcolor=000000 等於黑色文字等。各顏色的代碼, 可按這裡。
usebgimg=0 - 不顯示自訂背景圖。
usebgimg=1 - 顯示自訂背景圖。
|
|
BlogPet 2
「こうさぎ」
「こいぬ」
「こねこ」
「こぱんだ」
「こねずみ」
| ＜embed src="選擇動物" bgcolor="transparent" quality="high" wmode="transparent" allowscriptaccess="always" TYPE="application/x-shockwave-flash" pluginpage="http://www.macromedia.com/go/getflashplayer" Flashvars="domain=blogtoy.net&uid=帳號ID&bgcolor=背景顏色&texcolor=文字顏色&usebgimg=0" height="130" width="130"＞＜/embed＞
代碼說明:
http://blogtoy.net/parts/digital/digital_blogpet2_usa.swf - 選擇「兔」型圖示。
http://blogtoy.net/parts/digital/digital_blogpet2_dog.swf - 選擇「犬」型圖示。
http://blogtoy.net/parts/digital/digital_blogpet2_cat.swf - 選擇「貓」型圖示。
http://blogtoy.net/parts/digital/digital_blogpet2_panda.swf - 選擇「熊貓」型圖示。
http://blogtoy.net/parts/digital/digital_blogpe2t_rat.swf - 選擇「鼠」型圖示。
帳號ID - 就是你的 BlogToy 帳號ID。
背景顏色及文字顏色 - 以 16 進制色碼表示; 例如 bgcolor=FFFFFF 等於白色背景; 或 texcolor=000000 等於黑色文字等。各顏色的代碼, 可按這裡。
usebgimg=0 - 不顯示自訂背景圖。
usebgimg=1 - 顯示自訂背景圖。
|
|
クラシック時計
| ＜embed src="http://blogtoy.net/parts/digital/digital_mono.swf" bgcolor="transparent" quality="high" wmode="transparent" allowscriptaccess="always" TYPE="application/x-shockwave-flash" pluginpage="http://www.macromedia.com/go/getflashplayer" Flashvars="domain=blogtoy.net&uid=帳號ID&bgcolor=背景顏色" height="180" width="130"＞＜/embed＞
代碼說明:
帳號ID - 就是你的 BlogToy 帳號ID。
背景顏色 - 以 16 進制色碼表示; 例如 bgcolor=FFFFFF 等於白色背景; 或 texcolor=000000 等於黑色文字等。各顏色的代碼, 可按這裡。 |
除了上述的 Flash 時鐘外, 其實在 BlogToy 網站上還有一些免申請的 Flash 時鐘, 總共 12 款 (Digital), 衫衫亦將這些 Flash 時鐘的代碼轉換了, 各位可以參考下方的指引, 加入在 Windows Live Spaces 內~
| 免申請的 Flash 時鐘 [Digital]
|
|
| ＜embed src="http://blogtoy.net/parts/digital/digital_normal.swf" quality="high" bgcolor="#ffffff" wmode="transparent" width="130" height="70" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" FlashVars="uid=digital_clock_編號&bgcolor=000000&texcolor=文字顏色&usebgimg=1&bgurl=http://blogtoy.net/img/digital/digital_clock_編號.jpg&domain=blogtoy.net"/＞ ＜/embed＞
代碼說明:
文字顏色 - 以 16 進制色碼表示; 例如 texcolor=000000 等於黑色文字等。各顏色的代碼, 可按這裡。
編號 - 只要按照上述的編號, 直接放入中即可; 例如: bgurl=http://blogtoy.net/img/digital/digital_clock_001.jpg |
PS: 以上的代碼, 當然不是由官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。
| BlogToy Weather 類別的說明及碼轉換方法: | |
BlogToy Weather 這類別就是天氣報告插件, 雖然只限日本地區, 不過看著 BlogPet 走來走去, 當作裝飾品也可吧~
PS: 為了不影嚮瀏覽本頁速度, 以下 BlogToy Weather 類別各玩意都不會在這裡作出示範, 如果要觀看各玩意的實際示範, 各位可以按這裡。
PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。
| BlogToy Weather
|
|
注意:
以下各代碼內的地區編號, 只限日本地區, 其各地區的編號如下:
地區編號 - 1=北海道、2=青森、3=岩手、4=宮城、5=秋田、6=山形、7=福島、8=茨城、9=栃木、10=群馬、11=埼玉、12=千葉、13=東京、14=神奈川、15=新潟、16=富山、17=石川、18=福井、19=山梨、20=長野、21=岐阜、22=静岡、23=愛知、24=三重、25=滋賀、26=京都、27=大阪、28=兵庫、29=奈良、30=和歌山、31=鳥取、32=島根、33=岡山、34=広島、35=山口、36=徳島、37=香川、38=愛媛、39=高知、40=福岡、41=佐賀、42=長崎、43=熊本、44=大分、45=宮崎、46=鹿児島、47=沖縄
只要將各地區編號直接放入代碼中即可。
|
| 玩意名稱
| 可被 Windows Live Spaces 支持
的 ＜embed＞ 嵌入式代碼
|
|
ノーマル
| ＜embed src="http://blogtoy.net/parts/weather/weather.swf" bgcolor="transparent" quality="high" wmode="transparent" allowscriptaccess="always" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" flashvars="domain=blogtoy.net&uid=帳號ID&area_code=地區編號&bgcolor=背景顏色&texcolor=文字顏色&usebgimg=0" height="60" width="140"＞＜/embed＞
代碼說明:
帳號ID - 就是你的 BlogToy 帳號ID。
背景顏色及文字顏色 - 以 16 進制色碼表示; 例如 bgcolor=FFFFFF 等於白色背景; 或 texcolor=000000 等於黑色文字等。各顏色的代碼, 可按這裡。
usebgimg=0 - 不顯示自訂背景圖。
usebgimg=1 - 顯示自訂背景圖。
|
|
ご当地背景
| ＜embed src="http://blogtoy.net/parts/weather/weather_pref.swf" bgcolor="transparent" quality="high" wmode="transparent" allowscriptaccess="always" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" flashvars="domain=blogtoy.net&uid=帳號ID&area_code=地區編號&texcolor=文字顏色" height="60" width="140"＞＜/embed＞
代碼說明:
帳號ID - 就是你的 BlogToy 帳號ID。
文字顏色 - 以 16 進制色碼表示; 例如 texcolor=000000 等於黑色文字等。各顏色的代碼, 可按這裡。
|
BlogPet
「こうさぎ」
「こいぬ」
「こねこ」
「こぱんだ」
「こねずみ」
|
＜embed src="選擇動物" bgcolor="transparent" quality="high" wmode="transparent" allowscriptaccess="always" TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer" Flashvars="domain=blogtoy.net&uid=帳號ID&area_code=地區編號&bgcolor=背景顏色&texcolor=文字顏色usebgimg=0" height="80" width="170"＞＜/embed＞
代碼說明:
http://blogtoy.net/parts/weather/weather_blogpet_usa.swf - 選擇「兔」型圖示。
http://blogtoy.net/parts/weather/weather_blogpet_dog.swf - 選擇「犬」型圖示。
http://blogtoy.net/parts/weather/weather_blogpet_cat.swf - 選擇「貓」型圖示。
http://blogtoy.net/parts/weather/weather_blogpet_panda.swf - 選擇「熊貓」型圖示。
http://blogtoy.net/parts/weather/weather_blogpet_rat.swf - 選擇「鼠」型圖示。
帳號ID - 就是你的 BlogToy 帳號ID。
背景顏色及文字顏色 - 以 16 進制色碼表示; 例如 bgcolor=FFFFFF 等於白色背景; 或 texcolor=000000 等於黑色文字等。各顏色的代碼, 可按這裡。
usebgimg=0 - 不顯示自訂背景圖。
usebgimg=1 - 顯示自訂背景圖。 |
PS: 以上的代碼, 當然不是由官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌視訊的方法直接在部落格內中即可成功。
「衫衫~ 那其他類別的玩意呢~?」
衫衫只介紹三個類別的原因, 主要是不希望這篇教學教程太「長」, 引致造成各位閱讀不便 (也給少許時間校對各玩意的代碼~ ^_^)
至於其他類別的玩意, 各位可以參考 ＜在 Windows Live Spaces 及部落格內加入各種 BlogToy 玩意 (二)＞ 教學一文。
|
本教學最後更新日期: 2007 年 5 月 17 日
本節教學完畢 |
如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。
不清楚如何使用「引用通告」功能, 可參考這裡。
Tools 
+-+Windows+Live&referrer=){kind=small}
