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

Posted on by

每次參觀別人的部落格時，都很羨慕他們可以把動畫美美的掛上，而我只能用連結(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等只供下載，不適合。 

2,192 thoughts on “如何將動畫或Hot Potato用embed的方式掛到部落格”

  206. Hi there! Quick question that’s totally off topic.

    Do you know how to make your site mobile friendly?
    My website looks weird when viewing from my iphone 4. I’m trying to find a template or plugin that might be able to resolve this problem.
    If you have any suggestions, please share.
    Cheers! http://ciaalis2u.com/

    回覆

  261. I’m impressed, I must say. Rarely do I encounter a blog that’s
    both equally educative and entertaining, and let me tell you, you have hit the nail on the head.
    The problem is an issue that not enough people are speaking intelligently about.
    I’m very happy that I came across this in my hunt for
    something relating to this.

    回覆

  307. Interesting blog! Is your theme custom made or did you download it from somewhere?
    A theme like yours with a few simple adjustements would
    really make my blog shine. Please let me know where you got your theme.
    Thank you

    回覆

  369. Hey! I could have sworn I’ve been to this site before but after reading through some of the
    post I realized it’s new to me. Anyhow, I’m definitely glad I
    found it and I’ll be bookmarking and checking back often!

    回覆

  477. Pingback: adam 4 adam free online dating login

  490. Для твоей безопасности наша команда создали этот блог на котором Вы изо дня в день сможете иметь доступ к магазину торговой платформы сайт hydraruzxpnew4af . Взять ссылку на hydra onion и неопасно сделать покупочку возможно на просторах этого сайта. В глобальной сети onion зачастую повстречать преступников и утратить деньги.

    回覆

  492. Pingback: find tinder match on facebook

  546. Have you ever heard of second life (sl for short). It is essentially a video game where you can do anything you want. Second life is literally my second life (pun intended lol). If you would like to see more you can see these Second Life websites and blogs

    回覆