[密技]利用相簿RSS做出3D立體照片秀!
越來越多人喜歡拍照片,並將照片放到網路上分,而分享方式有很多種,有些人會傳到Flickr社群網站分享,有些人會傳到自己的部落格相簿分享,另外有些人會利用網路工具將照片變的超炫進行分享。不過當你把照片傳到網路相簿時,不知是否有注意到相簿的RSS訂閱功能嗎?你可以透過RSS來建立超炫的3D立體照片秀喔!
如果你有看過WordPress神奇的3D立體標籤雲,那你應該就非常了解我接下來要講什麼了。如果不知道沒關係,你可以先繼續看下去。剛剛提到的3D立體標籤雲是一個使用於WordPress的標籤雲外掛,此外掛名稱叫做「WP-Cumulus」,而開發這個外掛的作者其實又開發了3D立體照片秀,而他所開發的照片秀這玩意使用上比標籤雲更簡單,因為只要透過相簿的RSS連結就可以輕鬆達成。
目前蠻多相簿網站均有支援RSS的功能,所以只要你的相簿網站可以支援RSS2.0,基本上就可以製作3D立體照片秀喔!製作的方法非常簡單,完全不需要任何技術,只要你找到相簿的RSS連結,然後透過線上製作工具,設定一下最後輕輕點一下就可以完成3D立體照片秀。
網站名稱:Get my Flickr Widget!
網站網址:http://www.roytanck.com/get-my-flickr-widget/
取得相簿RSS連結
首先來你的相簿網站,在此以Flickr為範例,來到你的個人頁面,找到網頁下方的RSS圖片,點擊右鍵複製RSS連結。
flickr的rss連結可能是這樣子:
http://api.flickr.com/services/feeds/photos_public.gne?id=8864774@N07&lang=zh-hk&format=rss_200
製作3D立體照片秀
接著來到線上工具網站輸入您的RSS連結,然後進行展示大小、背景顏色設定,最後點擊﹝Generate code snipped﹞。
- Feed URL:相簿RSS連結
- Widget width:物件寬度(單位:像素)
- Widget height:物件高度(單位:像素)
- Widget background color:物件背景色
- Use background transparency:透明背景
取得外掛程式碼
畫面上方會有預覽樣式,如果覺得不是你想要的,可以重新設定再產生一次語法,若覺得可以,請將原始碼貼到你想要顯示的地方。
張貼外掛語法
將產生的語法加到你想要加入的地方,以WordPress來說,你可以到後台點擊【外觀】→【模組】→新增文字模組,然後將語法加入,最後點擊﹝儲存﹞。
3D立體效果展示像片
最後回到網站看看,是不是效果就出現了呢?你可以動動滑鼠去滑動看看效果吧!
去除官方連結
該效果產生後,你應該會看見一串文字「Get this widget at roytanck.com」,如果你不喜歡這串字,你可以將程式碼中以下語法刪除,就可以解決囉!
<span style="font-size:9px;">Get this widget at <a href="http://www.roytanck.com" rel="nofollow" >roytanck.com</a></span>
Picasaweb也可以使用
沒錯!除了Flickr之外,任何支援RSS2.0的相簿網站應該都可以使用,我們稍微測試了一下Google大神的Picasaweb後,發現真的也可以使用此玩意。不過你知道要怎找到RSS嗎?點進相簿找到右手邊的資訊區,有個RSS字樣就是啦!
Picasaweb相簿照片3D立體效果秀
最後我們就來個實際測試,讓大家看看到底是不是可以秀出來呢?