衫衫's profile夜♋衫衫工作室™PhotosBlogListsMore Tools Help

Blog


    February 12

    在 Windows Live Spaces 及部落格內加入 Rakugaki 留言塗鴉板

        

    Rakugaki 留言塗鴉板 (各位可隨便塗鴉 ^_^) 中文塗鴉"版" (只提供貼圖)

    看了上面兩塊的留言塗鴉板, 各位已知道夜衫衫這篇教學的目的吧~

    不過在開始教學前, 夜衫衫有一個疑問, 就是這應該叫留言塗鴉? 還是留言塗鴉? 夜衫衫的中文一向不好, 錯別字又多, 所以也不敢亂來...(問了幾個朋友, 答案是一半一半!)...

    希望各位知道答案的朋友可以告訴夜衫衫...(感激!)

    不再廢話了。(但夜衫衫真的很想知道...不想經常錯別字 >.<)

    上面兩塊的留言塗鴉板, 夜衫衫重點只會說明日文那一個, 中文那個則不想作教學說明, 原因後述。

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

    ☞ 請各位注意:

    1. 本教學會利用到 Sandbox 這個 gadget, 如果各位不清楚 Sandbox 這個 gadget 是甚麼, 請參考 <六. 利用 Sandbox gadget 在 Space 頁首上加入 Flash 物件~ 並以 Slide 相簿特效作示範>。

    2. 如果因為 HTML SandboxSandbox 的最大字元限制而無法加入以上插件或玩意, 可參考 <九. 在 Space 頁首上加入多個 Sandbox 或 HTML Sandbox gadget 教學>。
    3. 教學所介紹的插件, 衫衫只有在 HTML Sandbox Sandbox 這兩個 gadget 上進行測試。如果各位希望在 Custom HTMLHTML 模瑰部落格內加入插件的話, 請自行研究插件代碼的轉換方法。
    4. 在 2007 年 1 月, Windows Live Spaces 系統更新後, 加入了新功能 - 內嵌影片 (或稱內嵌訊視), 容許用戶在每篇部落格中加使用 <embed> 語法加入 Flash 插件, 如果各位不清楚這內嵌影片功能, 可參考 <十三.「內嵌影片」功能的用途>。

    Rakugaki 留言塗鴉板
    BlogDeco 在日本是十分著名的網站, 為用戶提供不少既好玩又漂亮的 Blog Widget, 因此成為不少 Blogger 的至愛; 而這一次夜衫衫要介紹的, 正是 BlogDeco 的其中一個有趣玩意 - Rakugaki 留言塗鴉板。當然, 各位如果有興趣, 可以到 BlogDeco 的網站上瀏覽, 看看有沒有其他合適的玩意。
    BlogDeco - 網址 http://www.blogdeco.jp
    Rakugaki 留言塗鴉板 - 網址 http://www.blogdeco.jp/rakugaki/
     

    申請 Rakugaki 留言塗鴉板 的步驟 - 加入在 Windows Live Spaces 及部落格內的方法:

    1. 要使用 Rakugaki 留言塗鴉板, 就必須先申請一個 BlogDeco 用戶帳號, 各位先到 Rakugaki 留言塗鴉板 官方網站 - http://www.blogdeco.jp/rakugaki/, 按一下「利用者登錄」(圖1)

    (圖1)

    2. 請根據指示, 填寫你的個人資料 (圖2), 然後按一下「利用規約に同意して確認画面に進む」按扭。
    PS: 你的電郵地址就是你的帳號名稱。

    (圖2)

    3. 然後網頁會出現確認資料頁, 按一下「登錄する」按扭 (圖3)

    (圖3)

    4. 看到下圖畫面 (圖4), 代表你已成功申請 BlogDeco 帳號。

    (圖4)

    5. 現在, 你已可以使用 BlogDeco 所提供的所有免費服務了; 請在左邊選擇 Rakugaki 留言塗鴉板「ラクガキボード」圖示 (圖5)

    (圖5)

    6. 現在請根據指示, 設定你的 Rakugaki 留言塗鴉板 (圖6), 請放心, 網頁看上去雖然很「長」, 但其實不用半分鐘即可完成整個設定過程; 設定完成後, 請按一下「確認」接扭。









    (圖6)

    7. 完成上一步後, 網頁會重新顯示你的設定, 如果須要更改設定, 可以按一下「戾る」接扭返回上一頁, 檢查清楚後, 請按一下「発行」接扭確認你的設定 (圖7)

    (圖7)

    8. 這時候 Rakugaki 留言塗鴉板 已經設定完畢, 網頁會顯示出 JavaScript 代碼, 請將欄位內的整段代碼複製出來。(圖9)

    (圖8)

    9. 雖然現在已得到 JavaScript 代碼, 對於其他 Blogger 可能已經足夠, 但無奈於 Windows Live Spaces 用戶, 不論是 HTML Sandbox Sandbox 這兩個 gadget 其中一個, 還是 Custom HTML 這個藏模塊, 也不可以支持 JavaScript...

    別灰心~ 其實只要轉換成嵌入式 <embed> 代碼, 不就可以解決問題嗎? (基本上每次也只有這一招~ ^_^)

    夜衫衫就來說明一下, 各位應該怎樣轉換~

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

    <script language="javascript" src="http://rakugaki.kayac.com/rakugaki_tag.php?rid=45445"></script> <noscript><a href="http://www.blogdeco.jp/" target="_blank"><img src="http://www.blogdeco.jp/img/jsWarning.gif" width="140" height="140" border="0" alt="Blogdeco" /></a></noscript>

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

    修改後為:

    <div align="center"><table border="0" width="130" cellspacing="0" cellpadding="0" id="table1"><tr><td><p align="center"><a href="http://www.blogdeco.jp/rakugaki/" target="_blank"><img border="0" src="http://www.blogdeco.jp/rakugaki/img/title2_of.gif"></a></td></tr><tr><td><p align="center"><embed src='http://rakugaki.kayac.com/main.swf?version=7,0,0,0' FlashVars='&rid=你的帳號 ID&skin=0&outline=&pub=2&charset=3&bgimg=&bgcolor=FFFFFF&default_set=1' width='130' height='276' type="application/x-shockwave-flash" allowscriptaccess="never" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></td></tr></table>

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

    PS: http://www.blogdeco.jp/rakugaki/img/title2_of.gif 是標題圖示的路徑。

    以上的代碼, 當然不是官方提供啦~! 只是夜衫衫以「取巧」的方法改編, 並且以一個 <table> 表格形式, 將 Rakugaki 留言塗鴉板 的標題圖示強行加上去, 所以, 如果各位要改變你的標題圖示, 代碼中的標題路徑也要改變啊~!

    標題路徑 標題圖示
    http://www.blogdeco.jp/rakugaki/img/title1_of.gif
    http://www.blogdeco.jp/rakugaki/img/title2_of.gif
    http://www.blogdeco.jp/rakugaki/img/title3_of.gif

    將修改後的代碼, 放入 HTML Sandbox Sandbox gadget 內, 再按一下「Save」按扭 (圖9)

    (圖9)

    10. 預覽一下結果, 發現 Rakugaki 留言塗鴉板 已成功安裝在你的 Space 上了 (圖10)

    (圖10)

    11. 另一方面, 修改後的代碼格式, 亦可以利用內嵌影片功能, 直接放在部落格內 (圖11)

    預覽結果? 就在這篇教學的最頂部位置~ ^_^

    (圖11)

    12. 那 Rakugaki 留言塗鴉板 裡的塗鴉該如何管理? 其實只要登入 BlogDeco 網站 http://www.blogdeco.jp/,  先點選「ラクガキボード」圖示 (即上述步驟 5 中), 然後點選「作成済みボード一覧」連結 (圖12)

    (圖12)

    13. 然後選擇「作品管理」連結 (圖13)

    (圖13)

    14. 在這裡, 網頁會顯示出你所有的塗鴉留言, 並可即時查看, 只要在該篇塗鴉留旁邊按下「削除」按扭, 即可刪除該留言。

    (圖14)

    情人節和農歷新年也快到了, 各位何不一試用 Rakugaki 留言塗鴉板, 向你的伴侶或訪客, 親手畫幅有心意的示愛情人節卡; 或親筆寫幾句賀年揮春?

    在這裡, Rakugaki 留言塗鴉板 的教學已大致上完畢了, 接下來, 則和各位討論一下中文的那個塗鴉"版"。

    夜衫衫並不打算篇寫這個中文塗鴉"版"的教學, 原因是, 這個中文塗鴉"版"是屬於台灣 HiNet 服務網站中, 其中一個 Blog 部落格服務 - Xuite 網路日誌 (部落格) 的內置玩意。

    也就是說, 你想在其他地方使用這個中文塗鴉"版", 就必須申請 HiNet 用戶帳號。

    雖然各位可能會想, 反正一個普通 HiNet 的用戶帳號, 也可免費申請, 沒甚麼大不了...

    但夜衫衫的原則是, 既然你要用這個 Xuite 網路日誌 (部落格) 的中文塗鴉"版", 就應該選用 Xuite 網路日誌 (部落格) 服務, 又何必將它應用在其他地方?

    夜衫衫沒有查正如果這樣做, 會否觸犯任何板權法例, 但即使沒有, 個人也不希望因本篇教學, 而有機會導致其他人「濫用網上資源」。

    試想想, 為了一個中文塗鴉"版", 就去申請一個 HiNet 用戶帳號, 但這功能卻是個原來官方專屬的功能, 目的就是要吸引人們使用 Xuite 網路日誌 (部落格) 服務...

    即使任何人也可免費使用, 但希望各位也別作這種缺德的人, 這完全是「濫用網上資源」。

    夜衫衫也許沒有資格說別人, 畢境自已為了個人興趣, 看到別人的 Blog, 自已又在全情投入地「玩」這個中文塗鴉"版", 也跑去申請了一個 HiNet 用戶帳號!

    對! 夜衫衫的確是有申請了一個 HiNet 用戶帳號, 並且研究將中文塗鴉"版"放在 Windows Live Spaces 或其他 Blog 上。

    成功後, 夜衫衫除了得到了預期中的成功感外; 但也覺得自已這一次行為可恥。

    夜衫衫做了一個「濫用網上資源」的人。

    幸好, HiNet 已說明, 只要六個月內沒有登錄過網站, 帳號就會自動刪除。這算是夜衫衫的自我安慰及補賞。

    別因為「免費」, 而去「濫用」; 不論你認同與否, 這是夜衫衫現有的感受。

    夜衫衫喜歡玩新玩意, 嘗試新鮮事, 但這次也覺得自已做錯了...

    所以各位, 如果喜歡塗鴉板, 就去申請 BlogDecoRakugaki 留言塗鴉板 吧, 它的本質就是容許不同的 Blog 也可使用, 這和 Xuite 網路日誌 (部落格) 的中文塗鴉"版"本質上完全不同。

    可能你會問, 如果我既是其他 Blog 用戶, 也是 Xuite 網路日誌 (部落格) 用戶, 那我就沒有「浪費資源」啊~ 那我應該可以將中文塗鴉"版"放在其他 Blog 上使用吧~

    如果真的是這樣, 而又證明沒有觸犯任何板權法例的話, 夜衫衫非常樂意篇寫教學, 請留言或 Email。

    夜衫衫重申, 別因為「免費」, 而去「濫用」, 即使我已沒資格批評別人, 但我沒有故意害人。

    如果你也認同我的想法, 請已後看到別人在其他 Blog 上使用 Xuite 網路日誌 (部落格) 的中文塗鴉"版"時, 提醒他一句。

    如果你不認同衫衫的想法, 請當這篇文章是廢話。
     

    本教學最後更新日期: 2007 年 2 月 12 日

    本節教學完畢

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

    Comments (94)

    Please wait...
    Sorry, the comment you entered is too long. Please shorten it.
    You didn't enter anything. Please try again.
    Sorry, we can't add your comment right now. Please try again later.
    To add a comment, you need permission from your parent. Ask for permission
    Your parent has turned off comments.
    Sorry, we can't delete your comment right now. Please try again later.
    You've exceeded the maximum number of comments that can be left in one day. Please try again in 24 hours.
    Your account has had the ability to leave comments disabled because our systems indicate that you may be spamming other users. If you believe that your account has been disabled in error please contact Windows Live support.
    Complete the security check below to finish leaving your comment.
    The characters you type in the security check must match the characters in the picture or audio.

    To add a comment, sign in with your Windows Live ID (if you use Hotmail, Messenger, or Xbox LIVE, you have a Windows Live ID). Sign in


    Don't have a Windows Live ID? Sign up

    包包 CHANwrote:
    yeah^^我整左啦..呵呵!!!!
    Apr. 19
    包包 CHANwrote:
    我想是板吧~~哈哈^^
    Apr. 19
    No namewrote:
    請問一下 我在別板有看過一樣的 可是他的方法可以弄 非vip無名 但似乎現在語法已經改了 試了之後圖卻出不來了
    請問版主有辦法解決嗎
    Dec. 14
    衫衫 夜wrote:
    Bow :)、mini 你們好,
    別客氣~ 衫衫也在這裡恭喜你們成功了~ ^_^
    Oct. 5
    changwrote:
    好棒,一直在找尋留言塗鴉語法,所以的都是錯誤的語法,不知是我笨還是他們寫不清楚,
    就只有你寫得最清楚歐,謝謝你,真是愛死你了
    Sept. 29
    美慧 林wrote:
    :D
     
    我也學會了。
    好開心呢
     
     
    謝謝妳的詳細說明XD
    真的很謝謝妳噢。^^
    Aug. 19
    衫衫 夜wrote:
    お金 你好,
    謝謝你的意見呢~ 看來還是「板」的支持者較多啊~ 自從本文發佈後, 衫衫也想不到「板」「版」之說引起這麼多人討論啊~ ^_^
    May 28
    okanewrote:
    版稅的版
    留言板的板
    可能是這樣區分吧
    我記得以前學的留言板是這個板唷
    May 28
    衫衫 夜wrote:
    nets~喵 你好,
    別客氣~ 衫衫先在這裡恭喜你成功了~ ^_^
    Mar. 21
    wrote:
    哈囉衫衫
    我已經用好了哦~非常謝謝你^^教的好明細~真是謝謝你哦^^
    Mar. 20
    wrote:
    衫衫
    你好哦~我已用好了~但是不能塗鴉耶
    這是我的代號~我是用自訂HTML有差別嗎?

    <div align="center"><table border="0" width="130" cellspacing="0" cellpadding="0" id="table1"><tr><td><p align="center"><a href="http://www.blogdeco.jp/rakugaki/" target="_blank"><img border="0" src=" http://www.blogdeco.jp/rakugaki/img/title3_of.gif "></a></td></tr><tr><td><p align="center"><embed src='http://rakugaki.kayac.com/main.swf?version=7,0,0,0' FlashVars='&rid=56159&skin=0&outline=&pub=2&charset=3&bgimg=&bgcolor=FFFFFF&default_set=1' width='130' height='276' type="application/x-shockwave-flash" allowscriptaccess="never" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></td></tr></table>

     
    Mar. 20
    衫衫 夜wrote:
    ★貝貝★ 你好,
    別客氣~ 衫衫先感謝你的解答了~ 這個「板」「版」問題, 衫衫少說也問了十多個朋友, 就是沒有結論~ 你的這個解釋非常合理呢~ ^_^ 另外, 衫衫也先恭喜你成功申請塗鴉版了~ ^_^
    Jan. 26
    ★貝貝★wrote:
    衫衫安安^^
    這個我也用好了唷!每個步驟都沒漏!
    真的好厲害哦!配服配服~~~
    剛剛在 Windows Live Spaces 及部落格內飼養 punimal忘記謝謝你了!
    在這一併謝謝囉^________^
    還有你問到的 板 版 問題~
    我有到教育部的字典裡查~
    上面的註解是:電腦網路的討論區。經常劃分不同的主題,讓使用者表達意見,進行討論。每一個主題討論區即稱為「」。也稱作「」。
    所以是通用的唷^^
    Jan. 26
    衫衫 夜wrote:
    耳朵因為音樂而存在 你好,
    不能保存的原因有通常有以下幾種:
    1. 設定錯誤, 特別是在步驟 6 中的每一個設定, 請小心檢查。
    2. 代碼中的帳號 ID 出錯。
    由於衫衫不知道你的帳號 ID, 因此無法判斷你的問題, 但只要上述兩點正確的話, 塗鴉即可成功保存~
    祝你成功~ ^_^
    Dec. 29
    衫衫 夜wrote:

    Andrew 、kelly 你們好,
    其實你們的代碼都沒有問題, 而無法顯示塗鴉板可能是因為你們使用了「自訂 HTML」這模塊...
    不知道是甚麼時候, Windows Live Spaces 變得對代碼要求相當嚴謹, 特別是「自訂 HTML」這模塊, 代碼中只要缺少了某些常用參數, 則會被一概忽略...也只怪衫衫近來沒有注意並更新本文章, 令上述代碼無法在「自訂 HTML」這模塊因正常運作, 害你們白試了...十分抱歉 >.<
    現在文章己更新, 代碼己可以在「自訂 HTML」這模塊上正常運作了, 你們再試試看吧~ 另外衫衫亦己替你們修改好了代碼, 你們只要直接複製使用就可以了:

    Andrew 的代碼:

    <div align="center"><table border="0" width="130" cellspacing="0" cellpadding="0" id="table1"><tr><td><p align="center"><a href="http://www.blogdeco.jp/rakugaki/" target="_blank"><img border="0" src="http://www.blogdeco.jp/rakugaki/img/title1_of.gif"></a></td></tr><tr><td><p align="center"><embed src='http://rakugaki.kayac.com/main.swf?version=7,0,0,0' FlashVars='&rid=53265&skin=0&outline=&pub=2&charset=3&bgimg=&bgcolor=FFFFFF&default_set=1' width='130' height='276' type="application/x-shockwave-flash" allowscriptaccess="never" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></td></tr></table>

    kelly 的代碼:

    <div align="center"><table border="0" width="130" cellspacing="0" cellpadding="0" id="table1"><tr><td><p align="center"><a href="http://www.blogdeco.jp/rakugaki/" target="_blank"><img border="0" src="http://www.blogdeco.jp/rakugaki/img/title2_of.gif"></a></td></tr><tr><td><p align="center"><embed src='http://rakugaki.kayac.com/main.swf?version=7,0,0,0' FlashVars='&rid=53717&skin=0&outline=&pub=2&charset=3&bgimg=&bgcolor=FFFFFF&default_set=1' width='130' height='276' type="application/x-shockwave-flash" allowscriptaccess="never" wmode="opaque" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed></td></tr></table>

    祝你們成功~!

    Dec. 29
    kellywrote:
    哈哈哈~我成功ㄌ還是感謝夜大 至於我是怎麼成功ㄉ我ㄝ不知道@@"
    <..........{亂弄一通}
    Oct. 29
    kellywrote:
    我ㄝ是只能看到塗鴉板標題 卻看不到塗鴉板呢?     以下是我修改後的代碼:
    <div align="center"><table border="0" width="130" cellspacing="0" cellpadding="0" id="table1"><tr><td><p align="center"><a href="http://www.blogdeco.jp/rakugaki/" target="_blank"><img border="0" src="http://www.blogdeco.jp/rakugaki/img/title2_of.gif"></a></td></tr><tr><td><p align="center"><embed src='http://rakugaki.kayac.com/main.swf?version=7,0,0,0' FlashVars='&rid=53717&skin=0&outline=&pub=2&charset=3&bgimg=&bgcolor=FFFFFF&default_set=1' width='130' height='276' /></embed></td></tr></table>
     

    以上我有將 <> 符號改成半形的 <> 符號

    可是我用自訂HTML嵌上代碼發佈後就只能看到塗鴉板標題 卻看不到塗鴉板呢?{可是我是用自訂HTML有差別嗎?}
    以下是我發布後在自訂HTML{編輯}裡看到ㄉ代碼{發現少ㄌ一大段}..........><"
     
     
    <div align=center><table border=0 width=130 cellspacing=0 cellpadding=0><tr><td><p align=center><a href="http://www.blogdeco.jp/rakugaki/" target="_blank"><img border=0 src="http://www.blogdeco.jp/rakugaki/img/title2_of.gif"></a><tr><td><p align=center></table></div>                                            
    PS.會用自訂HTML的方式是因為我新增的Sandbox跟{圖8}不一樣它只有標題{Sandbox}其他一片空白....
    請問夜大..怎麼會樣懇請夜大幫我解答 qq
     
      
    Oct. 28
    請問一下衫衫
    我弄成功了,但是我畫的圖卻不能存呢?
    是什麼原因呢?
    Oct. 27
    Andrew liuwrote:
    衫衫妳好 不曉得為什麼我只將代碼輸入儲存以後 只能看到塗鴉板標題 卻看不到塗鴉板呢? :S
    幫幫我把! PLZ 謝謝
     
    <div align="center"><table border="0" width="130" cellspacing="0" cellpadding="0" id="table1"><tr><td><p align="center"><a href="http://www.blogdeco.jp/rakugaki/" target="_blank"><img border="0" src="http://www.blogdeco.jp/rakugaki/img/title1_of.gif"></a></td></tr><tr><td><p align="center"><embed src='http://rakugaki.kayac.com/main.swf?version=7,0,0,0' FlashVars='&rid=53265&skin=0&outline=&pub=2&charset=3&bgimg=&bgcolor=FFFFFF&default_set=1' width='130' height='276' /></embed></td></tr></table>
     
    Oct. 6
    衫衫 夜wrote:
    ๑۩۞۩๑HEBE ๑۩۞۩๑ 你好,
    衫衫無法瀏覽你的 Space - http://bbbbgirl.spaces.live.com 啊 (因為沒有權限~)
    因此無法判斷你的問題...>.<
    Aug. 29