Blog版面修改

前幾天無意間看到幾個網友在Blogger.com(也就是我現在正在用的網站)的網誌，發現他們的版面並不像我的那麼平板又制式化，他們的sidebar上有自己喜歡的連結，甚至還有flickr的相片預視窗；或是把底圖換成自己喜歡的圖案。當我看到時才知道，原來Blogger.com的網誌也可以這麼多樣化。因此我決定自己也來改改網誌的配置，更新氣象一番。

還是要修改並不是那麼容易，因為Blogger.com的頁面配置很陽春，在選定網站內建的範本之後，基本上沒有什麼可以變動的。不像無名小站或是Xuite等網誌網站有豐富的自訂編輯可以用，Blogger.com甚至連分類都沒有，也沒有新增連結的功能。因此要修改Blogger.com網誌的頁面的話，就只能css下手了(我認為是這樣啦，不知道是不是已經有人寫出修改Blogger.com版面的程式了？)。不過看到css的原始碼就頭大，這麼多字，只好跳著找閱讀，看看有什麼是我可以改的。

在我修改之後的版面，就是現在看到的樣子。右邊這條sidebar最上方的「個人連結」是我自己做的，Blogger.com原本有"About Me"的欄位，不過我覺得既然可以自己做，就做一個比較不一樣的，於是我做出了這個「個人連結」的欄位。右邊放了一些和我相關的個人網址和信箱。另外我在下面加入了「常用連結」的欄位，這樣我就可以把想要連出去的網站放在我的網誌上了。最後，我在Blooger.com的圖示下面，加上了另外兩個圖示，一個是我所用的瀏覽器--Firefox，一個是我在編輯這些圖檔所用的自由軟體--GIMP。有一些圖示是我自己做的(或是說合成的)，用的就是GIMP。其實我也是才剛用GIMP，這是個和Photoshop很像的軟體，功能頗強大，所耗用的系統資源也還OK，重點是它是免費的。我還在學習使用中，以後有心得再寫了，不過網路上應該一堆高手都很有心得了(我就是看了其他高手的網頁學著用的)。

在更改css原始碼的過程中，又讓我重拾往日寫html的回憶，try-error是最常做的事。修改完之後，自己還小有成就感。當然啦，大部份的人一定都覺得這麼做很無聊、很浪費時間；不過我只能說，我現在有的是時間，好像有點太囂張了……應該說我現在空閒時間比較多……。

順帶一提，右邊那些圖示，我原本想要把它們先存到PIXNET在連過去用，不過結果圖經常會不見。後來我發現一個方法還不錯，就是利用Blogger.com本身新增的圖片上傳功能：我就建立了一個文件專門放我sidebar上要用的圖示，把圖示上傳到Blogger.com後，儲存成「草稿」而不「發佈」。這樣子那些圖示就存在Blogger.com裡了，而且保證會顯示。

在寫這篇文章時，我看了一下其他Blogger.com的網誌，發現幾乎每個人的版面都不太一樣，有的版頭有插圖，有的sidebar中還有天氣預報。看來我的版面還有許多修飾的空間！