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

Blog


    February 15

    在 Windows Live Spaces 及部落格內加入 BubbleShare 相簿特效

    自從 Windows Live Spaces 加入內嵌影片這個新功能後, 令每篇部落格也可以更有趣, 各位可有同感?

    網上相簿服務, 現今已十分普及, 不過有提供特別的相簿特效功能, 則仍未算太多。

    相簿特效可以令相簿在部落格內以更漂亮的方式示人, 已前夜衫衫也介紹過 http://www.slide.com (Slide 教學), 今次就介紹另一個同樣有趣的網上相簿服務 - BubbleShare

    各位先來看看 BubbleShare 的網上相簿有何特別之處吧~ ^_^

    Gizmo Player 相簿特效    This album is powered by BubbleShare - Add to my blog

    Bubble Slider 相簿特效    This album is powered by BubbleShare - Add to my blog

    Vertical Slider 相簿特效    This album is powered by BubbleShare - Add to my blog

    Bouncy Animation 相簿特效    This album is powered by BubbleShare - Add to my blog

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

    ☞ 請各位注意:

    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 插件, 如果各位不清楚這內嵌影片功能, 可參考 <十三.「內嵌影片」功能的用途>。

    因為申請 BubbleShare 的帳號實在非常簡單, 夜衫衫就不再像以前般每一步也詳細描述了, 只列出一些重點, 各位有問題就留言吧~

    要申請 BubbleShare 的帳號, 各位只需在 BubbleShare 頁首上按下「Sign up Now」, 然後設定你的帳號名稱及密碼, 再填上電郵地址即可, 然後當你收到 BubbleShare 寄出確認電郵後, 點擊電郵內的連結, 即可啟動你的帳號, 這樣你就可以開始創建你的相簿了, 整個過程也不用 3 分鐘, 十分方便。

    當上載完畢後, 你可以為相片加入不同的圖案, 每個圖案也可放大縮小、旋轉或加入文字, 而每張相片也可加入標題 (圖1)

    (圖1)

    相簿完成編輯後, 按下「Share Your Album」(圖2), BubbleShare 即會為你的相簿加入不同型式的特效, 並且提供代碼, 各位只要將代碼利用內嵌影片的方式, 即可加入到部落格中~ ^^

    (圖2)

    當然, 如果各位喜歡, 也可將代碼放入 HTML Sandbox Sandbox gadget 內 (圖3), 效果也不錯啊~

    (圖3)

     

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

    本節教學完畢

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

    Comments (14)

    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:
    點解我整左.......但係都唔得ge??copy邊條link呀??佢空白左/.\
    Apr. 19
    放放 李wrote:
    杉杉,想请教一个问题.我想做成你文章中第三个相簿特效,就是竖着播放的那种,可是为什么在BUBBLESHARE中没有找到呢?只有横着播放的耶,请指教...
    Apr. 18
    衫衫 夜wrote:
    serena 你好,
    謝謝你的提醒~
    原來 BubbleShare 改版了, 教學中那個「Share Your Album」按扭, 現已改名成「Blog Album」(雖然名稱改了, 但功能仍是一樣), 衫衫會盡快修改教學的了~
    祝你成功~ ^_^
    Mar. 7
    siu pingwrote:
    夜衫衫, 點解我整完張相之後, 無" share ur album" 個button ge???
    Mar. 7
    衫衫 夜wrote:
    蜜蜜啤梨 你好,
    你是指將代碼複製到 Sandbox 後無法儲存的問題吧? (衫衫不太明白 "SANTA BOX"...)
    這情況通常有以下兩種:
    1. 請清除你瀏覽器上的暫存檔, 然後再試試看。
    2. 你的代碼出現錯誤, 請小心檢查然後再嘗試。
    如果你問題仍然持續, 請寫出你使用的代碼, 衫衫盡能力幫你檢查一下吧~ ^_^
    祝你成功~
    Dec. 28
    hello~其实我系你个SPACE既FANS。。。
    我想问你D问题啊。。就系上面所讲既,系我SPACE 唔知点解显示唔到啊。。
    我都系系BUBBLESHARE果度直接COPY个代码然后SAVE入我个SANTA BOX入面,当时系编辑状态都可以SHOW到出来,
    但系一SAVE之后就显示唔到有野啦,当我再CLICK入去睇果时就唔见左果串代码啦。。
    唔知咩原因呢。。。
    希望你可以帮下我啦。。T T
    Dec. 19
    衫衫 夜wrote:
    Mimi
    不用 "sorry" 啊~  能找到問題原因就最好了~ ^_^
    Mar. 6
    Mimiwrote:
    sorry!  原來我公司部機未裝個睇flash的software. 而家睇到了!  ^o^ thanks!
    Mar. 6
    衫衫 夜wrote:
    河~ 你好,
    看不見相片?? 不會吧?? 沒有甚麼問題啊~
    Mar. 6
    Picture of Anonymous
    河~ wrote:
    OH~ 正想問你點解d相會睇唔返, 來到你這裡, 原來你d相都係睇唔到.... 咁即係 "正常" 啦~!!!
    Mar. 6
    衫衫 夜wrote:
    ✿小穎✿
    別客氣~ 夜衫衫也喜愛新玩意~ ^_^
    Feb. 16
    幸穎 林wrote:
    衫衫~~
    謝謝你ㄛ>.<
    每天都在期待你的新東西
    呵呵
    Feb. 16
    衫衫 夜wrote:
    ✿小穎✿ 你好,
    歡迎歡迎 + 預祝新年快樂!
    這次介紹的 BubbleShare, 它提供的四種代碼都完全不用修改啊~ 編輯部落格時, 按一下「內嵌視訊」, 然後直接放入欄位內即可~ 十分方便 ^_^
    祝你成功!
    Feb. 15
    幸穎 林wrote:
    衫衫~~我又來了
    呵呵~~~我要把特效相簿放在"內嵌視訊"內"
    可是我不會改修改碼.....可以教我嗎??<span style="text-align:center;width:380px;display:block;"><embed FlashVars="rss_feed=http://www.bubbleshare.com/rss/124331/feed.xml" align="middle" allowScriptAccess="sameDomain" bgcolor="#ffffff" height="168" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" src="http://www.bubbleshare.com/swfs/slider.swf?2878" type="application/x-shockwave-flash" width="380" /><span style="font-family:arial,helvetica,sans-serif;font-size:9px;display:block;">
    <a href="http://www.bubbleshare.com/album/124331/4435873" style="font-size:100%;">This album</a> is powered by
    <a href="http://www.bubbleshare.com" style="font-size:100%;">BubbleShare</a>
     - <a href="http://www.bubbleshare.com/album/124331/4435873/share#add_to_blog" style="font-size:100%;">Add to my blog</a>
    </span></span>
    謝謝你~~
    Feb. 15

    Trackbacks

    The trackback URL for this entry is:
    http://camuschu.spaces.live.com/blog/cns!85BD955C085738A8!1440.trak
    Weblogs that reference this entry
    • None