利用嵌入相簿把Windows Live的相簿放到Blogger吧!

圖1
今天以前Tiffy blogger上面的 Navigator 是利用 html +Javascript 模組自己打上連結/語法連到各個不同的地方的。
我知道blogger近期推出了新的功能,大家可以使用它內建的網頁去製作出側邊欄工具或者是導航分類,不過那都是由一篇篇網頁做出來的,所以像是我想要連到相簿的話,我沒有辦法讓大家只要點相簿就連到相簿的地方,點Facebook就直接進去Facebook的頁面。
如果用 html + Javascript 模組製作的話,每一個連結都可以連到不同的地方,這是好處。
如果是使用官方製作的話,導航欄整個看起來很美觀,不需要多做修改 (這是好處)。可是你沒有辦法直接讓他直接點連結就連到其他地方。
圖2
圖1 是我先前的樣子,隱隱約約地可以瞧見有 About, Album, Facebook 的導航。
圖2 則是我現在的樣子,有Home, Profile, Album, Guestbook  導航
其中…

profile guest

profile 跟 guestbook ( 名片 & 留言板 ) 是wordpress的基本功能,最近blogger才把它添加上來的,如果你跟Tiffy搬家來這裡是參考這篇網誌的話,你應該可以發現wordpress的網誌可以把我們之前space留言板上的留言存下來,只是轉換到blogger的時候,就沒有辦法留住了。名片的部分依然就是Space的個人檔案那邊的資料,你看它連Tiffy之前space放得大頭貼都保存下來了,多好。
album
再來,你會看到Tiffy blogger 裡的Album,你也許會好奇Tiffy是怎麼做的?
首先你要在你的blogger (網頁元素那) 新增小工具內加上一個網頁,並把它放在標頭(部落格標題)的下方,
1
然後點選左上方的文章→編輯網頁→新網頁。
2
然後開始複製貼上。這其實一點都不難,因為Windows Live Album 的每一個相簿都有嵌入語法。所以點開你的相簿,選擇共用→內嵌

iframe iframe2

找到 語法,並把它貼入blogger網頁。
你貼語法的時候你一定要確定你是在內編輯唷,不然跑出來的會是亂碼。
等到你覺得你想呈現的相簿就是這麼多了,那麼你就可以按儲存/發表了。
它會問你你想要放的位置是哪裡,可以是側邊欄或者是像我一樣的導航,我則是選擇做出導航。


像我們這樣從Space搬出來到Blogger平台的朋友,其實Windows Live 相簿如果是跟著搬家應該會很辛苦吧!因為你還要去找哪裡有免費的相簿空間可以供你這樣放,還有你還要花時間上傳相片。所以我建議那麼就使用Windows Live相簿也是好的。
Google 的相簿空間 – Picasa 只供使用者1GB的存放空間,Flickr 的存放空間也沒有很多,老實說,真的沒有甚麼其他的選擇可選了。
當你點選我Album中裡面的一本相簿,畫面會變成如圖下,
withoutsliverlight
Windows Live 服務會希望你安裝Silverlight的檔案,如你安裝好的話,你會看到很不錯的效果。
image
不過如果你選擇不安裝Silverlight的話,點選相本則會導向簡單模式
withoutsliverlight_2
以上。

18 則留言

發佈留言

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


  1. 我實在沒時間研究,不然就是得一直爬文,你貼出來讓我省事很多
    重點來了,每新增一個相簿就要重新排版,這倒是有點小麻煩

    另外我遇到個困難,就是文章編輯,我用HTML語法貼過來之後,格式都會跑掉,對我這龜毛個性來說…讓我很苦惱

  2. 文章編輯部分,通常我都是使用Windows live Writer,所以沒有遇過跑掉的問題 :S
    我之前在blogger線上編輯的時候我知道空行會比較大一點~ 不過好像如果是直接從space貼過去就不會齁? 直接反白文字跟圖片 然後再撰寫的模式下貼上的話就不會落差太大的樣子.. 而且圖片到blogger 也是聯space的圖片不是另外再上傳 🙂

  3. Dear Smile:
    是的唷,如果你把space的文章複製貼過來,其中文章裡面的圖片也會跟著貼過來唷,無須另外上傳!
    當然,前提下你的space相簿要公開的,才能正常顯示唷。

  4. Dear skyey:

    可以壓,你可以利用發表一篇文章來內嵌在windows live 相簿裡的所有相簿。
    然後再在自訂義模組(可以連連結的地方)新增一個連相簿的連結。

  5. Dear Tiffy:
    我試做了卻沒有成功,我的Live Spaces未公開,但相簿是公開的,這樣有影響嗎?因為做好之後,點閱Album,
    畫面出現的是複製的HTML語法而不是相片,
    請問,問題有可能岀在哪呢?

  6. 嗨!
    不知道Tiffy知道SkyDrive已經更新了嗎?
    當初利用內嵌方式將Spaces上的相片放入Blogger ,
    若是沒有去更改語法,
    相片將看不到喔!

  7. Dear 哈尼 Gina:

    可是你之前不是說想要把相簿搬到picasa這邊嗎?
    因為我實在是懶得搬相簿,所以我昨晚還是很奮力的重貼。
    只是沒有像以前一樣每個都有貼了。