你希望寫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碼而不是美美的照片喔~~

呼.........終於寫完啦~~
希望大家都看得懂
有人何問題歡迎大家詢問或是一起討論喔^.^
今天介紹的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碼而不是美美的照片喔~~

呼.........終於寫完啦~~
希望大家都看得懂
有人何問題歡迎大家詢問或是一起討論喔^.^
8/22 Laura mercier 貴婦護膚免費體驗 











推薦上專欄






資生堂心機特調眼影
我貼上去我的文章 但是顯示是空白 不然顯示就是HTML原碼. 請問哪裡出了問題嗎?
我的問題和kk一樣啊????
To:KK and ivy
(1)我想會顯示空白是不是因為在第一個步驟的時候
你們選擇的不是file而是URL呢?
如果選擇URL之後
當"原始來源照片"從網路上刪除之後
這個slideshow因為讀不到照片
就有可能會顯示空白
我之前也有這樣的情況
(2)若是顯示HTML原始碼
有可能是複製HTML碼到文章中的時候
沒有複製完全
或是文章編輯沒有轉成"HTML模式"
以上是我的經驗,希望對你們有幫助
若有問題歡迎你們再發問^.^
看過樓上test,巳按選擇HTML模式(),但顯示出來還是HTML原碼!
Hello~~ivy
可以讓我看看你的HTML原始檔嗎?
呵呵 其实有一点好奇心和耐心一点也不难弄 我补充一下 这个网站要注册 并且确保你的浏览器可以播放flash 另外虽然不占用部落格的空间 但打开网页实际上是慢了 所以建议大家把slideshow放在追加的部分 shelly教程可以在我的blog贴下吗?因为有人问过我 我也想跟人分享 但我又懒得写 其实是表达能力不高 呵呵
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>" />
請指教!
謝謝!
To:Silly
歡迎你把我的經學貼在你的網誌中^.^
To:ivy
我已經將你的html碼貼在我的文章中
發表一篇新文章"test"
你可以看一下
沒有問題耶....
dear shelly,
我會再努力,
謝謝你!
謝謝提供的教學,妳的BLOG看起來很舒服喔!
我會常來逛逛的…
有空也請多指教
無意中看到你的BLOG介紹的好東西
我趕快去試用了唷,好棒的資訊
以下是我用的經驗
1.上傳圖檔的時候,最好size是小一點的,這樣才可以變換多種的圖片
好像那個容量會有限制的說
2.圖形的排設,我覺得最好是有相關的,也就是一張與一張之間景色變化別太大
,這樣在變化的時候就會像是再說故事一般的感受
以上是我的心得,提供大家參考看看
To:Takumi
因為我上傳的照片都很少
所以沒有注意到容量限制的問題耶~~
謝謝你的心得分享喔^^
以前就知道這個網站,經過你的解說,就更詳細了...若能把註冊教學也一並寫出,那就太好了!改天有圖片也來試試!
谢谢你教我.
我已经成功放进去了.
嘿嘿
欢迎来坐坐
好棒的東西喔!!!我剛也去試試..成功了
教學很仔細喔...
cool~