之前寫過這一篇文章「將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相簿了。
阿欣老師您好:
看了您的文章,解決我分享照片的困擾
可以請問照片的"文字說明"字型大小要如何更改?我在mac電腦上看起來很美,但是在win上卻是醜醜的14-16號大小的新細明體><
我想改掉它啊~~麻煩老師解惑,謝謝