October 14, 2011

Blogger的美化─簡單修改

終於架了一個Blogger網誌,花了點時間對的網誌外觀作了一些修改,也作了點筆記,讓有心想要將網誌改頭換面的朋友一點參考,同時也要謝謝那些提供豐富資源的部落客們。

如果還沒有Google或Blogger帳號的朋友,請連到 www.blogger.com 申請一個,程序很簡單,這裏不多作說明。

先來到 http://btemplates.com/ 挑選你所喜歡的模版,我個人較偏好書本式的背景,感覺起來比較像在看書,所以選了 Diary Notebook 的模版來用。下載回來的檔案是壓縮檔,檔案解開後,有一個附檔名為 xml 的檔案就是模版了。


進入到Blogger的管理畫面,選擇左邊的「範本」後,再選擇右邊的「備份/還原」。


這時候會跳出一個對話視窗,如果你是舊部落客,請你先將舊版型利用「備份」先備份,以免出錯,備份好後再用「Browse」打開檔案瀏覽視窗,選擇我們剛剛解壓縮完的新XML模版檔案,按一下「上載」完成上載模版的動作。


注意到小方框裏的模版已經改了。如果要設計模版中各個小工具,可以按「自訂」的選項進去。



打開模版後,再選擇「版面配置」,如果畫面太小,你可以將分隔線往上挪,畫面就會開闊一點。
 

萬一你和我一樣,無法挪移小工具,而且也沒有新增小工具的選項,那就請你按「返回Blogger」回到管理界面來,再另選「版面配置」來進行增加小工具或是調整小工具的位置、順序、及標題等等。


載入一篇測試文章預覽一下初步的畫面,色框所標示的地方是我預計要作更動的位置,有些是因為中英文字型搭配的問題,有些是字型大小的問題,有些是版面美觀的要求,更改的方法都不盡相同,在更改之前,我們必須要對網頁的基本架構及語法有一些初步的了解,後續才可以進行的比較順利。


「Blogger的美化」系列筆記

0 意見:

Post a Comment

STAY WITH US

 
;