之前寫過這一篇文章「將Picasa相簿內嵌在blog上 」,那是用<iframe>的方式自己手動作出來。

現在,Picasa網路相簿已經有新的方法可以直接將<embed>語法複製後貼到你的blog或網頁上了。

就像這樣

 

怎麼做呢?

這功能是Picasa相簿的新功能,在繁體中文的Picasa相簿還看不到這功能,所以必須先將Picasa相簿的語言改為 English(United States)

登入Picasa網路相簿後,按下畫面右上角的設定 

 

回到你的公開相簿

點選你要使用的相簿

在相簿的左側就可以看到這「Embed Slideshow」 的選項了。

跳出設定畫面,可以設定你要顯示的相簿投影片的尺寸大小、「Show captions」是否顯示圖片說明,「Autoplay」是否自動播放。

最後將下面的語法複製後貼到你的blog上就可以囉! 

另外若要加上每一張照片的文字說明,按下相簿上的「Edit Captions

這樣就可以在Slideshow上看到說明文字了。 

補充:

在上面顯示出來的相簿,你有沒有發現有藍色的邊框?
 

若是直接用Picasa相簿上的Embed語法,是看不到邊框的,就像下圖一樣
 

你可以自己修改一下。

例如我這相簿Slideshow的語法為

<embed type="application/x-shockwave-flash" src="http://picasaweb.google.com.tw/s/c/bin/slideshow.swf" width="400" height="267" flashvars="host=picasaweb.google.com.tw&captions=1&RGB=0x000000&feed=http%3A%2F%2Fpicasaweb.google.com.tw%2Fdata%2Ffeed%2Fapi%2Fuser%2Fhlpstest3%2Falbumid%2F5182079292631082657%3Fkind%3Dphoto%26alt%3Drss" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> 


上面紅色的部份,我把它分別該成 width="420"、height="287"、RGB=0x4FB6E5, 這樣就可以出現藍色邊框囉!

[03/30 補充]

在 LifeType 系統裡,記得要修改 /js/tinymce/tiny_mce-plog.js 這檔案,在「extended_valid_elements」裡加上

embed[type|height|width|autostart|src|wmode|FALSE|TRUE|FlashVars] 

LifetType 預設把 embed 語法當作不合法的參數,會被吃掉,就顯示不出這Picasa相簿了。