
(圖說:螢光色的水中生物載歌載舞,歡欣慶祝飛魚新站滿周年。)
在八月份月曆桌布那篇文章,Birgit在回應中,問到頁面最底下跑來跑去的那個瑪利歐是怎麼弄出來的。我在回覆中大略說明過,當時也打算哪天把這裡的配件介紹一次。下面提到的工具,或許可以作為大家的參考。
1 關於整個網站
2 網頁標頭
- RSS:FeedBurner提供(什麼是RSS?)
- 時鐘:ClockLink提供
3 網頁側欄
- 白色飛魚在做什麼:鼎鼎大名的碎碎唸微型部落格Twitter。台灣也有本土化的類似服務Buboo,和Twitter可作結合。可以當成像聊天室一樣,不過我主要用來在不想長篇大論時,留個隻字片語。
- 麻煩出個聲讓我知道:一個簡單的留言版,和文章不相關的留言就可以放在這裡。由Cbox提供。
- 過去的文章:Blogger內建的功能。
- 最新回應:Blogger本身並無此功能。採用Josh提供的方法,可列出最近25則回應的署名,並按文章標題排列。另外堯提供的方法是直接顯示回應內容,但無文章標題,兩種方式各有特點。
- 標籤雲:參考Benjamin和國良先生提供的方式,並稍加修改而成。
- 老婆的Blog聯播:Blogger內建的RSS聯播功能。
- 我的Flickr相片:Flickr本身的功能。
- 我的HEMiDEMi書籤:HEMiDEMi(黑米)是一種共享書籤服務,所謂共享書籤,就是大家都可以提供自己有興趣的網頁網址,愈多人喜歡的,就會變成首頁頭條。這邊輪播的是我最近收藏或推薦的網頁。
- 旅客群像:MyBlogLog提供。(艾瑪的詳細介紹)
- 友站連結:平常都有機會和這些網站的主人見面。
- 網站串聯:EmBA和怠惰管理者同盟,請見這篇的說明。啪啦報報是個多人共同寫作的共筆部落格。
- 超夢幻競選團隊陣容:由總筒/無限台南率領的龐大團隊,無堅不摧,惡搞免錢。
- 超完美掏空政府聯播:上述龐大團隊的各家部落格聯播,撕法院院長/無法顯示網頁提供程式碼及後續維護。
4 網頁本文區
- 閱讀全文>>>:Blogger原本在首頁不能僅顯示摘要,很奇怪。不過一如其他修改程式碼就可完成的功能一樣,此處再次顯示Blogger開放架構的無限可能性。這邊採用水瓶子列出的方法實現此功能。
- 照片存放位置:Flickr
- 影片存放位置:YouTube
- 作者回應用不同顏色標示:參考Abin列出的方法,再配合這邊的情形修改而成。
5 網頁底部
- 計數器暨流量分析:HotRank計數器自2000年8月啟用,合併統計舊站瀏覽人次。SiteMeter自2007年1月啟用,大略代表新站瀏覽人次。另自2006年年底安裝Google Analytics,上一篇是利用此工具完成的搜尋關鍵字分析。
- 創用CC版權宣告:簡單來說,就是本站的內容允許公開分享,但請不要改變內容,並請記得註明出處。
- B鈕快跑同盟:就是底下跑來跑去那個瑪利歐。詳見這則回應的介紹。

(圖說:新站周年慶,特邀螢光魚演出飛行秀。)
這幾年炒熱的名詞Web 2.0,暫且不管定義為何,其中和部落格有關的一個重要特質,就是「分享」。基於這個特質,一個網站中可能混搭了許多來自其他網站的元素,可能是其他人的文章,或者是眾家高手開發的工具。因為如此,我們就可以把自己的部落格裝扮得更有趣。所以在本文的最後,我想藉此向所有在網路上分享的眾網友致意,因為大家的分享,這個世界就更加繽紛燦爛,精彩萬分呢。
「新站周年誌」系列文章:
你 blog 的底細我都摸清楚了!
回覆刪除接下來就是偷些我沒有的東西來用嚕~
哇哈哈哈哈哈~
這篇文絕對不會讓人看了睡著,相反的,看了一定睡不著!看吧,撕法院長就說要偷東西了,有人偷東西會睡著的嘛?!^+++^
回覆刪除我太懶了,所以我繼續用現成的bsp服務好了.XD
感謝飛魚san介紹,我們還有免費秀可以看,可是,怎麼沒有美人魚來賀呢?
無法顯示網頁:
回覆刪除偷完了記得幫忙關掉水電瓦斯,也請把門窗關好。
節約能源人人有責。
Birgit:
是這樣的,因為美人魚要求的演出酬勞太高,本站小本經營,目前無法負擔該價碼,造成各位來賓不便,敬請見諒。
來賓請掌聲鼓勵。
掌聲鼓勵~
回覆刪除(我的配合度好高啊...)
主人白色飛魚表演秀
回覆刪除應該更有可看性啦^^
我想我會睡不著:P
看你cbox上寫的,我也想把一些東西能移的移掉,哈,東西真的越裝越多
回覆刪除對咩~怎沒白色飛桑的life show??
回覆刪除Janice:
回覆刪除代水中生物謝謝您的掌聲鼓勵!
Helenna、Love3m:
我自己入鏡的話,誰掌鏡啊?
咦,可以自拍啊?不過算了,別傷大家眼睛啦。
天使之翼:
很多東西都很好玩,擺著占系統效能,拿掉又捨不得啊。
和中友的7f wc
回覆刪除好像~~
泡泡:
回覆刪除哪天去台中有機會逛中友的話再注意看看。^^
寫的累了,過來偷學幾步……
回覆刪除不過我tweitter的字改不大……
小字看的很不習慣……>"<
五行茶:
回覆刪除我是直接把整個Twitter的欄位改大,字就跟著放大。
不過最近似乎有更好的方法,還可以自訂底圖呢,像無法顯示網頁前陣子介紹的那樣。有空再來試試好了。
又偷學了一招,真是不錯,
回覆刪除不過這個不支援字形大小的樣子……
3Q!
說得也是, 我一直感動於 blog 之間無私的分享.
回覆刪除我也來給白色飛魚鼓鼓掌: 啪啪啪.....
五行茶:
回覆刪除字型大小雖沒支援,不過看起來應該比Twitter原來的大且清楚。
看到您的搬家公告了,歡迎來Blogger當鄰居,需要幫忙的話不必客氣!
無限台南:
所有願意分享的人都值得掌聲鼓勵!
總筒連閣員生日都每次送上不同的動畫,這樣的用心也非常感人呢。
我來補上掌聲,啪啪啪~,飛魚署長應該來段案可秀^+++^
回覆刪除Birgit:
回覆刪除那……把九月桌布的那個月亮改成飛魚圖像好了,反正形狀顏色都差不多…… ^^
寫這篇告白,要花好久的時間吧~
回覆刪除搬家真累~上次搬到一半,裝潢實在太麻煩了~
有空再來這裏搬一些走^__^
小藍:
回覆刪除題材是現成的,貼連結上去比較麻煩就是。
建材不用錢,需要就搬,不必客氣。
只會做簡單美編的我,對於這樣的美麗呈現感到好奇呢!
回覆刪除惠子:
回覆刪除妳說那個螢光水中生物嗎?真是辛苦了營隊的工作人員,不曉得花了多少時間做的。
回覆Andy於2007/10/1在側欄留言版的疑問。
回覆刪除「可以問一下你怎麼在照片下方加上網站的位置的嗎??如果直接加文字方塊...每個照片的網址位置都會不一樣@@不知道怎麼用會比較整齊?」
我的處理方式:(使用PhotoImpact 8編輯)
1.相片編修並縮為固定大小(我放在這邊的相片大小只有四種固定規格)
2.在相片下方固定位置疊上漸層長方形(所以不是用文字方塊)
3.再疊上要加入的文字。調好位置之後,記下文字位置的右側座標(例如500x333的圖片,文字右側座標大約為x=486,y=321)以供下次使用(因為單純靠右對齊似乎無法達到同樣效果,所以只好這麼麻煩)
4.漸層方塊和文字部分可以存成影像編輯軟體的專用格式(例如PhotoImpact的.ufo格式)方便以後使用
最近嘗試使用GIMP編修,也許會有更方便的方式吧?研究中。