Blog語法研究室: Google部落格範本進階設定

Blogspot自定範本修改完成前面的篇幅中我們雖然完成了【水平導覽選單】的建立，但其顏色及字體的大小似乎不太合乎我們的需求。Blogspot本身其實有提供功能強大的版型修改工具，可以讓我們修改範本版型中的字體大小、顏色及背景顏色，甚至還可以變更範本版型的寬度以及改變側邊欄靠左靠右的位置，更可以改變側邊欄單欄’雙欄或是混和側邊欄，比起目前市面上的其他部落格平台都還要好用。

本文我們將介紹如何使用Blogspot的進階版型設定功能，教大家如何修改範本的字體大小、字體的顏色及其背景顏色，讓水平導覽選單的色彩及字體更符合我們的需求，也會順便修改側邊欄上小工具的標題字型大小，讓它看起來更順眼。

1. 進入Blogspot後台，點選側邊欄【範本】功能，然後點擊網誌即時撞太下的【自訂】。
Blogspot自定範本01

2. 在「Blogger範本設計工具」畫面中先選擇【進階】》【網誌標題】，這時候會看到螢幕下面的預覽畫面的標題（工作熊的餐廳）多了上下兩道反白紅色虛線，表示現在選到可以修改參數的項目。接著變更標題顏色，這裡我選擇的是【#2288bb】，確定後按【套用至網誌】就可以完成變更了，可以按螢幕上方的「檢視網誌」來查看實際的結果，我試過實際網頁與這裏的預覽畫面都是一樣的，所以以後只要看這裡的預覽畫面就可以了。
Blogspot自定範本02

3. 先不要離開這個畫面，繼續修改其他的參數。現在換成【標籤文字】，然後將原本的字型大小從【12】變更為【16】，就可以看到水平選單的字體加大了。
Blogspot自定範本03

4. 繼續變更【標籤背景】，在「背景顏色」的地方輸入【#d4e3ee】，然後在「所選文字顏色」的地方選擇【#33aaff】，最後【套用至網誌】。現在從畫面下面的預覽就可以看到水平選單已經變更為水藍底與亮藍的色塊了。
Blogspot自定範本04

5. 接著變更【小工具】，將「標題字型」大小從原來的【11】改為【14】，將「標題顏色」改為【#2288bb】，然後按【套用至網誌】。請注意：本版型在這裡的字型大小變更厚也會連帶變更文章發佈日期的文字大小。完成後可以按【« 返回 Blogger】回到原來的Blogspot的後台。
Blogspot自定範本05