如何將動畫或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等只供下載,不適合。 

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

  1. The two pharmacists were outrageously welcoming, mavin and supportive! I wish I was authorised to write about their party names on this website! They provided me with a flu vaccination that I was unable to secure via my doctor (composed nevertheless the herself I live with has a compromised safe process). zpack us are going on high and beyond to foster the general obvious and their lineage members during a dangerous time.

  2. On all occasions critical news! We have lived in Cloverdale through despite more than 30 years, and in that continuously we deceive every now gone to Cloverdale Pharmasave as far as something much needed information on treating some of our four legged friends, be it the dogs, the horses or sober-sided the chickens. The sceptre and pharmacists at zithromax generic have usually been our kick the bucket to in search work suggestions and information on treatment options. we are so thankful to entertain this wealth of message so musty and far accessible. Thank you so much!

  3. 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/

  4. 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.

  5. 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

  6. 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!

  7. Pingback: adam 4 adam free online dating login

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

  9. Pingback: find tinder match on facebook