新站周年誌(3):驛站建材大觀

  這篇其實是個吃力不討好的主題,主要介紹這邊出現的所有配件,希望看了不會睡著。

(圖說:螢光色的水中生物載歌載舞,歡欣慶祝飛魚新站滿周年。)

  在八月份月曆桌布那篇文章,Birgit在回應中,問到頁面最底下跑來跑去的那個瑪利歐是怎麼弄出來的。我在回覆中大略說明過,當時也打算哪天把這裡的配件介紹一次。下面提到的工具,或許可以作為大家的參考。

1 關於整個網站
2 網頁標頭
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,暫且不管定義為何,其中和部落格有關的一個重要特質,就是「分享」。基於這個特質,一個網站中可能混搭了許多來自其他網站的元素,可能是其他人的文章,或者是眾家高手開發的工具。因為如此,我們就可以把自己的部落格裝扮得更有趣。所以在本文的最後,我想藉此向所有在網路上分享的眾網友致意,因為大家的分享,這個世界就更加繽紛燦爛,精彩萬分呢。
「新站周年誌」系列文章:

22 則留言:

  1. 你 blog 的底細我都摸清楚了!
    接下來就是偷些我沒有的東西來用嚕~
    哇哈哈哈哈哈~

    回覆刪除
  2. 這篇文絕對不會讓人看了睡著,相反的,看了一定睡不著!看吧,撕法院長就說要偷東西了,有人偷東西會睡著的嘛?!^+++^
    我太懶了,所以我繼續用現成的bsp服務好了.XD
    感謝飛魚san介紹,我們還有免費秀可以看,可是,怎麼沒有美人魚來賀呢?

    回覆刪除
  3. 無法顯示網頁:
    偷完了記得幫忙關掉水電瓦斯,也請把門窗關好。
    節約能源人人有責。

    Birgit:
    是這樣的,因為美人魚要求的演出酬勞太高,本站小本經營,目前無法負擔該價碼,造成各位來賓不便,敬請見諒。
    來賓請掌聲鼓勵。

    回覆刪除
  4. 掌聲鼓勵~
    (我的配合度好高啊...)

    回覆刪除
  5. 主人白色飛魚表演秀
    應該更有可看性啦^^


    我想我會睡不著:P

    回覆刪除
  6. 看你cbox上寫的,我也想把一些東西能移的移掉,哈,東西真的越裝越多

    回覆刪除
  7. 對咩~怎沒白色飛桑的life show??

    回覆刪除
  8. Janice:
    代水中生物謝謝您的掌聲鼓勵!

    Helenna、Love3m:
    我自己入鏡的話,誰掌鏡啊?
    咦,可以自拍啊?不過算了,別傷大家眼睛啦。

    天使之翼:
    很多東西都很好玩,擺著占系統效能,拿掉又捨不得啊。

    回覆刪除
  9. 泡泡:
    哪天去台中有機會逛中友的話再注意看看。^^

    回覆刪除
  10. 寫的累了,過來偷學幾步……

    不過我tweitter的字改不大……
    小字看的很不習慣……>"<

    回覆刪除
  11. 五行茶:
    我是直接把整個Twitter的欄位改大,字就跟著放大。
    不過最近似乎有更好的方法,還可以自訂底圖呢,像無法顯示網頁前陣子介紹的那樣。有空再來試試好了。

    回覆刪除
  12. 又偷學了一招,真是不錯,
    不過這個不支援字形大小的樣子……

    3Q!

    回覆刪除
  13. 說得也是, 我一直感動於 blog 之間無私的分享.
    我也來給白色飛魚鼓鼓掌: 啪啪啪.....

    回覆刪除
  14. 五行茶:
    字型大小雖沒支援,不過看起來應該比Twitter原來的大且清楚。
    看到您的搬家公告了,歡迎來Blogger當鄰居,需要幫忙的話不必客氣!

    無限台南:
    所有願意分享的人都值得掌聲鼓勵!
    總筒連閣員生日都每次送上不同的動畫,這樣的用心也非常感人呢。

    回覆刪除
  15. 我來補上掌聲,啪啪啪~,飛魚署長應該來段案可秀^+++^

    回覆刪除
  16. Birgit:
    那……把九月桌布的那個月亮改成飛魚圖像好了,反正形狀顏色都差不多…… ^^

    回覆刪除
  17. 寫這篇告白,要花好久的時間吧~
    搬家真累~上次搬到一半,裝潢實在太麻煩了~
    有空再來這裏搬一些走^__^

    回覆刪除
  18. 小藍:
    題材是現成的,貼連結上去比較麻煩就是。
    建材不用錢,需要就搬,不必客氣。

    回覆刪除
  19. 只會做簡單美編的我,對於這樣的美麗呈現感到好奇呢!

    回覆刪除
  20. 惠子:
    妳說那個螢光水中生物嗎?真是辛苦了營隊的工作人員,不曉得花了多少時間做的。

    回覆刪除
  21. 回覆Andy於2007/10/1在側欄留言版的疑問。
    「可以問一下你怎麼在照片下方加上網站的位置的嗎??如果直接加文字方塊...每個照片的網址位置都會不一樣@@不知道怎麼用會比較整齊?」
    我的處理方式:(使用PhotoImpact 8編輯)
    1.相片編修並縮為固定大小(我放在這邊的相片大小只有四種固定規格)
    2.在相片下方固定位置疊上漸層長方形(所以不是用文字方塊)
    3.再疊上要加入的文字。調好位置之後,記下文字位置的右側座標(例如500x333的圖片,文字右側座標大約為x=486,y=321)以供下次使用(因為單純靠右對齊似乎無法達到同樣效果,所以只好這麼麻煩)
    4.漸層方塊和文字部分可以存成影像編輯軟體的專用格式(例如PhotoImpact的.ufo格式)方便以後使用
    最近嘗試使用GIMP編修,也許會有更方便的方式吧?研究中。

    回覆刪除

1.用Google帳號登入留言的話,留言旁邊就會出現個人圖像。
2.為免系統不穩定導致留言遺失,打完送出之前建議先複製一份。