如何將動畫或Hot Potato用embed的方式掛到部落格

每次參觀別人的部落格時,都很羨慕他們可以把動畫美美的掛上,而我只能用連結(Hyperlink)的方式。在整體上就是沒那麼美,沒〝按一下〞做超連結的內行字,還未開啟新網頁時,就是不知道它是什麼?

 

問了我們可愛又超人氣的阿寶老師,知道了只要有一段HTML就可以隨便我們怎麼貼都行。這對我們沒學過這一種語言的人真是一大福音。

 

<iframe src="http://????.swf " width="400" height="550" marginwidth="0" #marginheight="0" #scrolling="no" frameborder="0" align="center"></iframe>

 

請把上面這段HTML的語法拷貝下來,保存起來。

 

當在部落格中寫好文章,然後點選HTML(如下圖紅色框)

Embed的方式說明1

就出現圖下圖

Embed的方式說明

再將HTML的語法貼上,如上圖紅色框中一樣。

再將語法中的〝http://????.swf 〞的部份取代動畫等在網上儲存的位置,也就是它的URL。在上圖中因為我將我的檔案是放在〝 office live〞,所以我的是〝http://chihfanglee2002.web.officelive.com/Documents/Lesson1index.htm〞。這樣就可以把我的Hot Potato或動畫,用embed的方式掛在我的部落格。在部落格就可以直接看到它的式樣(如下圖)。         

Embed的方式說明

 

還有阿寶老師在youtube上的教學

http://www.youtube.com/watch?v=wHmPqSFfq1M

 

因為officeLive現在已經不支援了,請大家改用dropbox。

將所有的在做hot potato時用到的圖、音,跟打包在一起的檔案都一起儲存到dropbox的public資料夾裡,然後取得它的public link,再用同樣的方法就可以了。

目前只有少數的網路空間可放置並執行exe, html等一類的檔案。

box.net, google doc, picasa, flickr等只供下載,不適合。