2005年10月16日
Kinarie&May Photo Reader和Flash Banner,神到不行!


終於找到一個可以做到如Tag Friends的Blog TV般可以展示Blog內相片的方案,比早前介紹的POQUE和Pholiot更簡單,不需自行用Text Editior去編輯XML檔案,只要你的網站有RSS1.0的XML Feed及支援上傳SWF檔案就可以了。
注意,基於Flash的安全設定,你的SWF和XML檔案必須要位處於同一網域內(如http://blog.roodo.com),否則怎樣也不可以讓Photo Reader執行起來。而如果你的Feed內包含其他的圖片格式(如GIF或PNG),那些圖片也不會被顯示的。
1. 到Kinarie&May網站下載Photo Reader的zip檔案,把內裡的SWF檔解壓,再上載到網站內。
2. 到這兒進行Photo Reader的展示設定:
角丸 = 會否使用圓角功能,使用的話的,就可以設定背景色
スライドショー = 選擇支援Slide Show的話,可在スライドショー速度(スライドショー有のみ有効)一欄設定轉換相片的速度,建議設定不少於10這個數字
ロールオーバー時のテキスト表示 = 指著相片時會否出現Blog文章的文字
最大表示枚数(MTのみ有効) = 如果使用Movable Type塒,可指定出示相片的數量
3. 貼上SWF檔案及網站的RSS1.0 XML Feed,按「ソース作成」。
4. 把下面的一堆東西貼在Blog的Sidebar或你喜愛的地方。
5. 只要一按相片,就可以把讀者連結到該相片相關的文章內。
我的網站沒有太多相片,當然沒有甚麼吸引。但是如果放在有許多精彩圖片的網站,如連結仔妹媽的免地們,相信會很精彩。
Kinarie&May網站也有好些有用程式,如網誌的Flash日曆和圖片展示頁,但是這些美美的東西只支援MT,在樂多不能用。幸好其中有個Flash Menu是可以放在樂多的,真是大感謝!
注意,Banner的圖片一定要使用JPG,而所有檔案必須要放在同一網域內。
1. 到Kinarie&May網站下載Flash Menu的zip檔案,內裡分別裝著SWF,XML和JPG三個檔案。
2. 你可以把JPG檔按你的Blog的設計替代為你喜歡的相片,然後要做的,就是修改XML檔內的資料:
menu_W = 這是Menu上的字每格顯示的橫向寬度,請自行按照需要調教
sqColor = On Mouse Over時的背境底色
fontColor = Menu上的字使用的顏色
title,link = 把這些字改為自己需要使用的字眼和連結,我想這兒不用多說了。
注意:改動Menu成為中文字後,必須使用UTF-8存檔,否則字型會變為亂碼!
3. 完成後,把SWF、XML和JPG檔上載,再到這兒進行設定,把三個檔案的位置填入空格,並設定JPG檔案的闊度與高度,再按ソース作成。
4. 如果能夠改動HTML,就當然可以把Menu任意擺放,可是使用樂多的朋友不能改HTML那怎辦?秘訣是在於活用說明欄,我嘗試過把ソース作成的那堆東西放在說明欄也照樣可以運作正常,只是設定CSS的時候需要下一番苦功吧。
大家有興趣在這個陰晴不定的周日玩玩看嗎?
1. 到Kinarie&May網站下載Photo Reader的zip檔案,把內裡的SWF檔解壓,再上載到網站內。
2. 到這兒進行Photo Reader的展示設定:
角丸 = 會否使用圓角功能,使用的話的,就可以設定背景色
スライドショー = 選擇支援Slide Show的話,可在スライドショー速度(スライドショー有のみ有効)一欄設定轉換相片的速度,建議設定不少於10這個數字
ロールオーバー時のテキスト表示 = 指著相片時會否出現Blog文章的文字
最大表示枚数(MTのみ有効) = 如果使用Movable Type塒,可指定出示相片的數量
3. 貼上SWF檔案及網站的RSS1.0 XML Feed,按「ソース作成」。
4. 把下面的一堆東西貼在Blog的Sidebar或你喜愛的地方。
5. 只要一按相片,就可以把讀者連結到該相片相關的文章內。
我的網站沒有太多相片,當然沒有甚麼吸引。但是如果放在有許多精彩圖片的網站,如連結仔妹媽的免地們,相信會很精彩。
Kinarie&May網站也有好些有用程式,如網誌的Flash日曆和圖片展示頁,但是這些美美的東西只支援MT,在樂多不能用。幸好其中有個Flash Menu是可以放在樂多的,真是大感謝!
注意,Banner的圖片一定要使用JPG,而所有檔案必須要放在同一網域內。
1. 到Kinarie&May網站下載Flash Menu的zip檔案,內裡分別裝著SWF,XML和JPG三個檔案。
2. 你可以把JPG檔按你的Blog的設計替代為你喜歡的相片,然後要做的,就是修改XML檔內的資料:
menu_W = 這是Menu上的字每格顯示的橫向寬度,請自行按照需要調教
sqColor = On Mouse Over時的背境底色
fontColor = Menu上的字使用的顏色
title,link = 把這些字改為自己需要使用的字眼和連結,我想這兒不用多說了。
注意:改動Menu成為中文字後,必須使用UTF-8存檔,否則字型會變為亂碼!
3. 完成後,把SWF、XML和JPG檔上載,再到這兒進行設定,把三個檔案的位置填入空格,並設定JPG檔案的闊度與高度,再按ソース作成。
4. 如果能夠改動HTML,就當然可以把Menu任意擺放,可是使用樂多的朋友不能改HTML那怎辦?秘訣是在於活用說明欄,我嘗試過把ソース作成的那堆東西放在說明欄也照樣可以運作正常,只是設定CSS的時候需要下一番苦功吧。
大家有興趣在這個陰晴不定的周日玩玩看嗎?
引用URL
http://cgi.blog.roodo.com/trackback/599036
回應文章 
Photo Reader的SWF和XML檔案必須要位處於同一網域內,這點在天空稍微難搞,Flash Menu倒是可以等CSS開放後再來調整:http://diary.blog.webs-tv.net/ezgod2,感謝黛的教學分享。
Posted by Nicolas
at 2005年10月17日 13:50
謝謝你的教學~但是有沒有辦法整個Banner都設成Flash的動畫呢?像這個網站http://chelsea.jugem.ne.jp/ 真的很謝謝你的教學~謝謝~
Posted by MiketheBear
at 2005年10月22日 23:37
我想你要自行造一個Flash才可,那個認該是custome made的。
Posted by 黛
at 2005年10月23日 12:57
樂多的banner好像只能換圖片,不知道要怎麼插入flash的物件,另外,我也有向你說得放在說明欄,但是css語法要怎麼改呢?在.description嗎?謝謝~
Posted by MiketheBear
at 2005年10月23日 17:00
如果你說的是Kinarie&May Flash Banner,是可以把那段code貼在,「Blog管理頁面〉Blog管理〉Blog基本設定〉說明」的地方,就如這兒的情況一樣。但是怎樣修改樂多的CSS以作配合,我還未嘗試過(可能下次改版可以研究一下),掀涉的亦不只是一兩個欄位那樣簡單。
Posted by 黛
at 2005年10月23日 17:56
我試過妳說的這個方法,但為什么把ソース作成的那堆東西放在說明欄后,頁麵隻能顯示FLASH而沒有Menu中的鏈接呢?勞煩妳幫我解答,謝謝!!
Posted by Austin
at 2005年10月23日 22:48
是否使用中文字,而沒有把字轉為unicode?
Posted by 黛
at 2005年10月23日 23:08
多謝妳的囬答!我是使用英文字的鏈接,但依然沒有鏈接而且連鏈接的揹景也沒有?妳說把ソース作成的那堆東西放在說明欄也照樣可以運作正常,只是設定CSS的時候需要下一番苦功??我是不是還要重新設定css?
Posted by Austin
at 2005年10月26日 00:59
沒錯,要設定css的positioning,至於XML,我建議你把未更改,原裝的XML upload上去,看看能不能顯示。如果可以的話,可能是你在更改時,有錯誤。甚或是,你會否知道,樂多是會自動把你的檔案名稱更改的?例如,abc.jpg,會改為甚麼3ec3fg.jpg之類你東西。所以你的連接經已不是原本的abc.jpg,而是那個甚麼3ec3fg.jpg。
Posted by 黛
at 2005年10月26日 10:02
已經搞定了,非常多謝你!你好厲害喔,有點可惜的是這種flash按鍵有點普通,希望以後能有更漂亮的按鍵出來!!期待中..
Posted by Austin
at 2005年10月26日 12:20