Sunday, July 08, 2007

如何在Blog中插入Picasa slideshow

雖然Google當上網路一哥很久了, 但是一直也不見他的服務開始懈怠. 相反的, 卻不斷創新, 做了許多user friendly的改變.

除了台灣版的iGoogle, Youtube(Nagivator bar), Google Maps(Google Street View還有可以變更的路線)之外, Picasa也有點小改變. 除了可以mapping照片之外, 另外一個對blogger比較有用的就是開始支援在blog中插入slideshow的功能.

在此之前, 在blog裡面插入投影片我都是參考下列程式碼:

<iframe style="float: left;" src="投影片網址" height="344" width="430">


但是這個程式碼跑出來的slideshow跟blogger版面配置不合, 常會歪掉(如下圖圈起來的地方)整個版面因此變的很醜.



現在Picasa提供的Embed Slideshow功能就不會有這種困擾.

使用方法如下:

1. 到Picasa相簿左邊的選項會出現Embed Slideshow的功能, 點選




2. 點選之後會出現程式碼讓你複製(打勾的地方可以選擇呈現的大小, 還有要不要顯示評語)




3. 把上面的程式碼貼上就可以了. 建議可以自己改適合自己版面的高度跟寬度(如果是我這個版面的話, 大概就是400*400會有比較好的呈現方式)



4. 漂亮的slideshow出來了!







6 comments:

Petit said...

要使用你這篇寫的Picasa slideshow,得先把語言轉換成英文版,才找得到Embed Slideshow的選項。

中文界面沒有這選項。

謝謝你的這篇教學。
我一直以為我是在黑米看到你這篇教學的。
昨天在黑米搜尋了老半天,找不到。
沒想到是因為MyBlogLog才到你這邊來的。:)

Jason K. said...

是喔!(因為我都用英文介面的google服務, 所以沒發現!) 謝謝你囉!

Rira said...

真的太感謝你了!!!!!
XD
在下找了超級久的....
沒想到還是去了ptt一趟才解決的
感恩啦!!!!

Anonymous said...

請問相簿是不是要設定成公開的,才能在BLOG或協作平台使用投影播放功能呢?

Jason K. said...

@Anonymous:

是呀, 要設定為公開喔!

mrbeartw said...

為什麼我的picasa長的跟範例不一樣...
我根本沒有左邊側欄
切換成英文也沒有...