你希望寫blog的時候可以多show出幾張照片嗎?
今天介紹的slideshow不但可以讓文章變豐富
又不會浪費網路空間喔~~


以下簡單的介紹製作的方式
希望大家可以看得懂
跟著我一起來製作吧~~
點下面的網址進入:
http://www25.rockyou.com/step1.php?refid=11457409&logintype=myspace

(1)上傳照片:
    為了節省網路空間
    所以請點"file"
   然後選擇電腦中想要上傳的照片
   等所有的步驟都製作完成後就可以將電腦中的照片刪掉囉!!
  
(2)為照片命名:
     顯示照片時, 照片的名字也會顯示出來在下面
    因為是國外的網站, 所以請以英文命名
    否則會出現亂碼喔!!

(3)新增照片:
     按下綠色按鈕"ADD PHOTO"即可新增一張照片
     即可在右手邊的預覽區看到照片



若要再繼續上傳其他照片, 請重複(1)~(3)步驟
先不要執行第(4)步驟
先看下面幾樣設定


*Colors/Text:各位可以在"預覽區"下面的地方看到一個顯示照片名稱的東西,
                        這裡就是照片名稱顯示的設定
  Text Size:文字大小                  Panel Trasnparency : 底的透明度
   Text Color:文字大小               Panel Color:底色

*Slides:
已上傳的照片都會顯示在這裡,若要更改照片的名稱也可以在這裡編輯

*Transitions
:動畫設定



*Themes:主題設定
                 其實我不建議做設定,因為選擇的圖案會和照片重疊在一起
                 讓照片看不清楚,畫面也會有點亂
                  ex:如果選擇第一個愛心的圖


結果就會像下面這樣..........
所以我建議就選最後一個"No Theme"


以上設定完成之後就可以繼續第(4)步驟囉~~
請按下預覽區下方的綠色按鈕"I'm Done!"
按下之後就會出現下面的畫面
不需要填入任何E-mail直接按下橘色的按鈕"Skip"

之後會出現一個像下面一樣的小視窗
請按"確定"


之後視窗換轉換成下面的畫面
畫面中有2個按鈕
請按下上面的按鈕"Post to My space"


來到最後一個步驟囉~~
只要複製下面畫面箭頭所指的CODE
貼到你的文章中就ok啦!


複製CODE的時候要記得選擇HTML模式
(就是下面箭頭所指的按鍵)
否則只會顯示一堆HTML碼而不是美美的照片喔~~

呼.........終於寫完啦~~
希望大家都看得懂
有人何問題歡迎大家詢問或是一起討論喔^.^
加入書籤: HemiDemi MyShare Baidu Google Bookmarks Yahoo! My Web Del.icio.us Digg technorati furl 加入此網頁到:YouPush 加入此網頁到:你推我報

shellypan 發表在 PIXNET 痞客邦 迴響(17) 引用(0) 人氣()

open trackbacks list 引用列表 (0)

迴響列表 (17)

發表留言
  • COMMENT:
    我貼上去我的文章 但是顯示是空白 不然顯示就是HTML原碼. 請問哪裡出了問題嗎?
  • COMMENT:
    我的問題和kk一樣啊????
  • COMMENT:
    To:KK and ivy

    (1)我想會顯示空白是不是因為在第一個步驟的時候
    你們選擇的不是file而是URL呢?
    如果選擇URL之後
    當"原始來源照片"從網路上刪除之後
    這個slideshow因為讀不到照片
    就有可能會顯示空白
    我之前也有這樣的情況
    (2)若是顯示HTML原始碼
    有可能是複製HTML碼到文章中的時候
    沒有複製完全
    或是文章編輯沒有轉成"HTML模式"

    以上是我的經驗,希望對你們有幫助
    若有問題歡迎你們再發問^.^
  • COMMENT:
    看過樓上test,巳按選擇HTML模式(),但顯示出來還是HTML原碼!
  • COMMENT:
    Hello~~ivy

    可以讓我看看你的HTML原始檔嗎?
  • COMMENT:
    呵呵 其实有一点好奇心和耐心一点也不难弄 我补充一下 这个网站要注册 并且确保你的浏览器可以播放flash 另外虽然不占用部落格的空间 但打开网页实际上是慢了 所以建议大家把slideshow放在追加的部分 shelly教程可以在我的blog贴下吗?因为有人问过我 我也想跟人分享 但我又懒得写 其实是表达能力不高 呵呵
  • COMMENT:
    dear shelly

    這是用file上傳,
    自動換行,不自動換行也試過,
    亦巳下蛓~http://www.macromedia.com/go/getflashplayer

    巳按



    <embed src="<a href="http://rockyou.com/apps/rockyou.swf?instanceid=12301601"><a href='http://rockyou.com/apps/rockyou.swf?instanceid=12301601' rel='nofollow'>http://rockyou.com/apps/rockyou.swf?instanceid=12301601</a></a>" quality="high" wmode="transparent" bgcolor="#000000" width="426" height="320" name="rockmyspace" align="middle" allowScriptAccess="never" type="application/x-shockwave-flash" pluginspage="<a href="http://www.macromedia.com/go/getflashplayer"><a href='http://www.macromedia.com/go/getflashplayer' rel='nofollow'>http://www.macromedia.com/go/getflashplayer</a></a>" />



    請指教!
    謝謝!
  • COMMENT:
    To:Silly

    歡迎你把我的經學貼在你的網誌中^.^
  • COMMENT:
    To:ivy

    我已經將你的html碼貼在我的文章中
    發表一篇新文章"test"
    你可以看一下
    沒有問題耶....
  • COMMENT:
    dear shelly,

    我會再努力,
    謝謝你!
  • COMMENT:
    謝謝提供的教學,妳的BLOG看起來很舒服喔!
    我會常來逛逛的…
    有空也請多指教
  • COMMENT:
    無意中看到你的BLOG介紹的好東西
    我趕快去試用了唷,好棒的資訊
    以下是我用的經驗
    1.上傳圖檔的時候,最好size是小一點的,這樣才可以變換多種的圖片
    好像那個容量會有限制的說
    2.圖形的排設,我覺得最好是有相關的,也就是一張與一張之間景色變化別太大
    ,這樣在變化的時候就會像是再說故事一般的感受

    以上是我的心得,提供大家參考看看
  • COMMENT:
    To:Takumi

    因為我上傳的照片都很少
    所以沒有注意到容量限制的問題耶~~
    謝謝你的心得分享喔^^
  • COMMENT:
    以前就知道這個網站,經過你的解說,就更詳細了...若能把註冊教學也一並寫出,那就太好了!改天有圖片也來試試!
  • COMMENT:
    谢谢你教我.
    我已经成功放进去了.
    嘿嘿
    欢迎来坐坐
  • COMMENT:
    好棒的東西喔!!!我剛也去試試..成功了
    教學很仔細喔...
  • COMMENT:
    cool~
1

留下迴響

姓名/暱稱
電子郵件
個人網頁
留言標題
留言內容
悄悄話 公開留言悄悄話
( 開放所有人都可留言)