March 24,2006 00:25
◦ How do I decorate my blog? (II)
介紹過一些好用工具之後，接下來就說說我是怎麼著手布置這個部落格的。2005年 7 月剛在樂多落腳時，這個部落格並不叫 Nora's Reading Room，而是 Shall I Compare Thee to A Summer's Day，既長又繞口，還沒有中文化。那時採用的版面是樂多提供的四個愛琴海版型之一 Aegean4，有夏天的感覺。一開始我只是單純地 "blog for myself"，並沒有考慮到讀者，也沒有什麼長遠的規劃。
寫了幾篇文章之後，我確定這個部落格的發展方向將以閱讀為主。那陣子剛好在讀 A.S. Byatt 的 Possession: A Romance，書中第一章的場景便是倫敦圖書館閱覽室 (the Reading Room of the London Library)。當時我就想：如果有個屬於自己的虛擬閱覽室該有多好？腦海中同時浮現我收藏的一張卡片，小北極熊在書窟裡讀書的畫面。為了打造個人專屬閱覽室，我開始研究 CSS 語法，也觀摩其他部落格的裝潢，最後呈現的就是大家看到的版本。
這個版本最常得到的讚美就是富有「整體感」，其實我只是套用了樂多的愛琴海樣式，邊欄幾乎原封不動，配色也沿用藍灰二色，但版面看起來感覺卻截然不同。由這張「閱覽室配置圖」（或者直接點留言版的連結），大家可以看到最大的改變在於 banner 之外，我還加上了四張小插圖，分別放在：
文章標題 (title)、
作者欄 (posted by)、
回應者資料欄 (comments-post)，以及
最下方的回應框。
我刻意選了一張俯瞰、一張仰視，視線與姿態遙相呼應的兩張小圖放在文章標題和作者欄，猶如另類的上下引號「」，製造出將文章框住的視覺效果。至於回應者資料欄，取的是「凡走過必留下足跡」的趣味意涵；回應框裡攀藤盪遊的小北極熊，則彷彿漫遊於部落格之間的訪客。
所謂整體感的秘密，說穿了，不過是選擇同主題、同系列或同作者的插圖而已，像 keatsli 的書肆小姐在 banner 和留言框用了同一位日本插畫家的作品，不僅有整體感，也扣合部落格的主題，就是很成功的布置。
對於有意以插畫布置部落格的部落客們，我唯一可以建議大家的就是：圖片貴在精而不在多，圖片可以營造氣氛，但畢竟是點綴，如果太多難免讓人眼花撩亂，也會使原本應該是焦點的文字更黯淡。
在「閱覽室配置圖」裡，我列出了每個插圖所用的語法，原本打算一一解釋，現在想想還是作罷。一則因為這些語法只要透過 Web Developer 就可以輕易地複製下來；二則這麼做只是讓大家知道怎麼複製這間閱覽室的布置而已，卻無助於各位布置自己的部落格。所以我決定還是列出我當初改變 CSS 樣式時曾經參考的教學文章，這些前輩們對於語法解釋的詳盡清晰，絕對遠勝只有幼稚園程度的我。^_^
Banner
2005-03-05 Joe：樂多Blog更換banner最速法
2005-09-17 毛毛：超簡易更換Banner教學
Joe將如何更換樂多 banner 解釋得非常詳盡，很值得參考。只要學會更換 banner，其他的插圖自然也能夠舉一反三了。回應框
2005-05-12 寶貝喵：如何在回應框裡放置圖片？
這裡寶貝喵提供了兩種放置圖片的方式，我用的是第二種。
◈ 內文
最後我再補充自己在發表文章時，處理文字與圖像的一些小技巧及參考網站。
符號
也許有些朋友注意到我在每篇文章前都加上一個小圓圈，之所以這麼做，是因為有些文章篇名太長，在邊欄的「最新記事」或「最新回應」會變成兩行，很容易造成混淆，讓人分不清哪裡才是文章的開頭，這些小圈圈便能達到區隔的作用。像這類實用的小符號還有很多，運用得宜可以為文章增色不少。下面這個網站收錄了不少符號，大家可自行挑選喜愛的圖示：
2005/2/8 收集漂亮符號扮靚你的blog!圖片
如果你像我一樣，習慣為每篇文章配上圖片，甚至為照片加上圖說，那麼我一定要強烈推薦 Royboy Weblog。舉凡為圖片加上陰影、加上手繪框、改變邊框顏色、拍立得效果……只要你想得到的圖片問題，幾乎都可以在 Roy 這裡找到答案。另外還有許許多多實用的 blog 語法，大家可以慢慢地挖寶。
在上一篇及這一篇所提及的教學文，都是我曾經按照其中指示、實地操作，並試驗成功的好範本。但對沒有語法基礎的人而言，若想一口氣消化所有的文章，不僅會看得頭昏眼花，還會貪多嚼不爛。畢竟每一位作者的思路不同、組織方法不同，解釋語法的切入角度和陳述方式也不同。我會建議先挑選自己比較能夠理解的作者一系列的文章入手，等到能掌握基本概念了，再延伸閱讀更多的教學文。
就我自己的經驗來說，學 CSS 語法一開始需要很大的耐心、要實際操作，並勇於嘗試、從錯誤中學習，一旦度過最初彷彿看「有字天書」、有看沒有懂的階段，就會豁然開朗了。學會 CSS 語法後，再加上一些巧思，就能讓自己的部落格展現不同的風貌。祝大家 blogging 愉快！^_^
引用URL
真好
詳細的介紹和有用的連結
其實我還在這種有字天書的階段
有看沒有懂
那這個weekend我也來試試看吧
希望你嘗試的過程順利。
一開始我也覺得語法很難（現在還是不簡單），
不過如果能摸索出一二心得，也另有一番成就感呢！
相信有心創出自己的風格的讀者
都能按圖索驥或多或少得到幫助的...
老貓那裡好像被惡意入侵了，現在什麼都看不到..
上來這裡，除了可以看到妳對書和電影精闢賞析之外，還可以獲得一些CSS語法的相關資訊，真好～ : )
我跟朋友都非常喜歡妳的版面，清清爽爽的，但又溫馨可人～很棒！
謝謝你的鼓勵，我也只是將自己接觸過的資訊做些整理，希望其他朋友也能用得上。其實 Robbin 的教學文內容才是豐富又有趣，讓人看了就忍不住想動手試試。^^
「老貓學出版」那兒被惡意入侵有一陣子了，之前首頁還有聲明文和臨時留言版連結，現在什麼都看不到了，願老貓能盡快修復，繼續造福廣大的部落客。
Sherry,
謝謝！我就是想營造清爽溫馨的感覺啊！^_^