大家還記得推出 Rakugaki 留言塗鴉版 的 BlogDeco 嗎?

這個在日本相當著名, 並提供不少部落客小玩意的網站 - BlogDeco, 雖然部份玩意是要求用戶先登記帳號, 不過亦有一些玩意是「免登錄」即可使用的, 其中最受歡迎的「免登錄」玩意, 肯定是 THE 連打!、OTTO beta 及 drawsee 相片塗鴉~

PS: 有關 Rakugaki 留言塗鴉版 及 BlogDeco 的介紹, 可參考這篇教學。

不過和 Rakugaki 留言塗鴉版 一樣, BlogDeco 的所有玩意只提供了 JavaScript 代碼, Windows Live Spaces 的用戶必須先將其轉成 ＜embed＞ 嵌入式代碼方可使用~

好了~ 先來看看示範吧~ ^_^

THE 連打! 遊戲	OTTO beta 音樂格	OTTO beta 儲存品
玩法: 按下介面上的「B」按扭即會開始計時倒數, 在倒數完結前看看你可以按多少次!	玩法: 十分有趣, 在方格上可以「塗鴉」的方式, 編製音樂, 每行由上至下的方格, 音調也不同, 可調教音量大小及播放速度; 另外, 若是有申請 BlogDeco 帳號的用戶, 更可儲存一首音樂, 放在你的部落格中。	這就是夜衫衫儲存的音樂, 不過為免大家耳朵受罪, 衫衫只是放上貼圖, 如果大家想聽這首「夜曲」, 可以按這裡。
drawsee 相片塗鴉
玩法: 可自訂一張相片, 並在相片上塗鴉, 訪客塗鴉後可以儲存 (但最多只可儲存 5 次, 儲存第 6 次時就會張第一次的塗鴉删除), 亦可觀看別人的塗鴉, 而申請者亦可以隨意刪除各塗鴉。

在開始教學教程前, 還是按照已往一樣, 先說明一些基本條件:

1. 在支持 JavaScript 代碼的部落格上, 只要直接到訪 THE 連打! 的網頁 - http://www.blogdeco.jp/renda/, 即可獲取代碼, 但要在 Windows Live Spaces 內加入 THE 連打!, 就必須先將 Javascript 代碼, 轉換成 ＜embed＞ 嵌入式代碼, 夜衫衫已將代碼轉換如下, 各位可以隨便使用~ ^_^。

PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。

不過各位在複製代碼時, 請注意以下事項:
(一) 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
(二) 若要自訂插件的大小, 可以自行修改代碼中 width="150" height="215" 數值, 但夜衫衫告訴你, 這插件最闊只可達 150 pixel, 再修改也無效啊~ 而且因為高度和闊度必須是維持正比例, 否則廣告文字就會「走」出走, 絕不美觀, 所以就別花時間去修改插件的大小了~

只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。
 

1. 在支持 JavaScript 代碼的部落格上, 只要直接到訪 OTTO beta 的網頁 - http://www.blogdeco.jp/otto/, 即可獲取代碼, 但要在 Windows Live Spaces 內加入 OTTO beta, 就必須先將 Javascript 代碼, 轉換成 ＜embed＞ 嵌入式代碼, 夜衫衫已將代碼轉換如下, 各位可以隨便使用~ ^_^。

PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。

不過各位在複製代碼時, 請注意以下事項:
(一) 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
(二) 若要自訂插件的大小, 可以自行修改代碼中 width="150" height="295" 數值, 但夜衫衫告訴你, 這插件最闊只可達 150 pixel, 再修改也無效啊~ 而且因為高度和闊度必須是維持正比例, 否則那標題就會移位「走」出走, 絕不美觀, 所以就別花時間去修改插件的大小了~

只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。

2. 現在各位已可成功加入 OTTO beta 了, 你的訪客可以隨意作曲~ 不過如果各位已是 BlogDeco 的用戶, 則更可以儲存一首音樂, 放在你的部落格中 (申請 BlogDeco 帳號的方法, 請參考上次介紹 Rakugaki 留言塗鴉版的教學步驟 1 至步驟 4)。先登入 OTTO beta 的網頁 - http://www.blogdeco.jp/otto/, 然後按下「自分の曲を作る」連結 (圖1)。

(圖1)

3. 然後各位就可以在 OTTO beta 介面上編曲了, 編曲後請按介面上的「o」按扭, 再選擇「Yes」, 然後請按一下下方的「スキンを奕更する」按扭, 即可儲存你的個人編曲, 是後請將欄位內的整段代碼複製出來 (圖2)。
PS: 其實大家也看到, 儲存你的個人編曲時, 是可以選擇不同介面的, 但是衫衫試了很多次, 也只能選擇第二個介面, 每次選擇第一個介面後也不能儲存編曲, 原因不明, 所以本教學中只範第二個介面。

(圖2)

4. 雖然現在已得到你的個人編曲 JavaScript 代碼, 對於其他 Blogger 可能已經足夠, 但無奈於 Windows Live Spaces 用戶, 還是要轉換成嵌入式 ＜embed＞ 代碼, 才可以使用, 夜衫衫現在就來說明一下, 各位應該怎樣轉換~

其實在上述得到的 JavaScript 代碼中, 已包含了你的帳號 ID, 利用這個帳號 ID, 放入下面的嵌入式代碼中, 即可使用。例如, 以下是夜衫衫申請後所得到的原代碼:

＜script language="javascript" charset="euc-jp" src="http://www.blogdeco.jp/otto/tag.php?bdid=56348&skin=1"＞＜/script＞

56348 就是夜衫衫的帳號 ID, 將這個帳號 ID 放入下面代碼中。

修改後為:

PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。

不過各位在複製代碼時, 請注意以下事項:
(一) 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
(二) 若要自訂插件的大小, 可以自行修改代碼中 width="150" height="295" 數值, 但夜衫衫告訴你, 這插件最闊只可達 150 pixel, 再修改也無效啊~ 而且因為高度和闊度必須是維持正比例, 否則那標題就會移位「走」出走, 絕不美觀, 所以就別花時間去修改插件的大小了~

只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。
 

1. 雖然在 BlogDeco 的網站上, drawsee 是沒有「登錄不要」的標簽, 即代表你必須有 BlogDeco 的帳號才可使用, 但衫衫發現, 即使沒有帳號, 各位仍然可以使用 drawsee, (不過建議各位還是去申請個帳號吧~ 申請 BlogDeco 帳號的方法, 請參考上次介紹 Rakugaki 留言塗鴉版的教學中, 步驟 1 至步驟 4)。先登入 drawsee 的網頁 - http://www.blogdeco.jp/drawsee/, 然後按下「ドロシーを貼り付ける」按扭 (圖1)。

(圖1)

2. 然後就可以輸入你的相片路徑及設定密碼, 但要注要啊你的相片必須是存放在網上的相片, 並不是你電腦中的相片路徑! 輸入後請按一下「今すぐタグを又発行する」按扭 (圖2)。
PS: 相片大小不可超過 1 MB 大小, 亦不可小於 360 pixel 的高度或闊度。

(圖2)

3. 這時候 drawsee 已經設定完畢, 網頁會顯示出 JavaScript 代碼, 請將欄位內的整段代碼複製出來。(圖3)

(圖3)

4. 雖然現在已得到你的 drawsee 相片塗鴉 的 JavaScript 代碼, 對於其他 Blogger 可能已經足夠, 但無奈於 Windows Live Spaces 用戶, 還是要轉換成嵌入式 ＜embed＞ 代碼, 才可以使用, 夜衫衫已將代碼轉換如下, 各位可以隨便使用~ ^_^。

PS: 請將代碼內全形的 ＜＞ 符號改成半形的 <> 符號。

不過各位在複製代碼時, 請注意以下事項:
(一) 以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 經測試過後應該沒有問題~ ^^
(二) 代碼中的 width="xxx" height="xxx", 就是你的相片大小。

只要將欄位內的整段代碼複製出來, 然後放入 HTML Sandbox 或 Sandbox 隨便一個 gadget 內, 或利用內嵌影片的方法直接在部落格內中即可成功。

另外, 若找不到上載空間存沒你的相片, 可以參考以下文章:
＜找個「良好」的免費網上存放空間 (一) - FREEWEBTOWN 及 ChineseFreeWebs 教學＞
＜找個「良好」的免費網上存放空間 (二) - MediaMax 間教學＞
＜找個「良好」的免費網上存放空間 (三) - Windows Live SkyDrive Beta 教學＞

來到這裡, 這次的教學也到此為止了~ 其實 BlogDeco 的「免登錄」玩意共有 10 個之多, 但除了  THE 連打!、OTTO beta 及 drawsee 外, 其他的都是廣告或日本當地產品情報的相關訊息, 實在未能吸引夜衫衫, 所以也沒去深究, 有興趣者請自行瀏覽~

另外, 始終無法擇 OTTO beta 的第一個介面, 真的有點遺感...(已確定了和轉換代碼的方法無關, 因為利用網站提供的 JavaScript 代碼也不行), 完全無法理解背後原因...

不過這一次的教學令衫衫認識到一種較為特別的編碼方式, 感覺也很有趣~ ^_^

最後提提大家, 各玩意的 JavaScript 代碼對於 Windows Live Spaces 用戶看似沒有用途, 但在未成功安裝在你的 Space 上前, 還是保留整段代碼較為安全, 最少在出現問題時也可以重新檢查~ ^_^
 

如果要轉載這篇文章, 請使用「引用通告」功能, 或指明出處, 感謝。
不清楚如何使用「引用通告」功能, 可參考這裡。