Noid's Geek

Blogspot 範本說明和替換基本教學

Blogspot 的面版,稱之為「範本」,英文為「Templates」。設定Blogspot的範本,我們可以從資訊主頁點選「版面配置」進到管理畫面。
17
32
在更改範本之前,先做一次備份是很正確的觀念,這邊我們點選上面的「網頁 HTML」,來到 Html 管理介面。
33
在這一個頁面,我們可以看到「下載完整範本」的連結。點一下就可以下載並儲存,下載的檔案將會是 .xml 的格式。
43
備份好了之後,就來挑選新的範本吧。新範本的獲得方式有:1.點選挑選新範本,如果還是祧 Blogspot 提供的範本,就失去了用 Blogspot 的意義了!所以,我們選擇 2. 上網下載網友設計的範本。這邊提供一個範本集散地 btemplates.com,這個網站網羅了網路上幾乎所有網友設計的 Templates,並且幫您以顏色和欄位的不同做區分,讓您在找範本的時候更加容易。
顏色的話,應該不需要我多作說明。至於欄位 columns 就要解釋一下了。
37-2
在 Blogspot 中,Columns 指的是指 blog 的外觀分割成幾份。像是下面這個就是 1 column 的代表。整個部落格頁面沒有經過分割,標籤等相關資訊則是接在頁面的最下面。
37-3
而 2 columns 則是將頁面分割為一大一小的模式。小的部份通常稱之為「sidebar」或「側欄」。下面這個就是 2 columns 代表。
37-4
而 3 columns 則比較複雜一點,有單純 3 columns 和複合式的。單純的 3 columns 範本就是將畫面分割為三份,分別為兩小一大。像是下面這個範本。
37-5
複合式 3 columns 的範本就像是下面的例子,上頭是 2 columns,但是在 sidebar 的部份則再分割為兩個 columns。
37-6
4 coulmns 呢?一樣和 3 columns 有均分式和複合式,不過 4 columns 通常除非特殊用途,不然很少用到,這邊就不介紹了,有興趣的朋友可以自己去看看。
ok,繼續我們的下一步動作,要更改 templates,我們先選定下面這個 2 columns 的範本為例。
38
點選 Download 的圖案,就會跳出下載視窗,這時候選擇儲存。下載後的檔案為通用的 .zip 檔,在 Windows XP 之後的版本都可以直接解壓縮。
39 40
解壓縮後會得到兩個檔案,分別是說名檔「readme.txt」和範本檔「Simple-Jojo.xml」。不同範本的 .xml 檔名稱都不一樣,不過在 blogspot 用的範本格式都是 .xml 檔就是。
41
好了,範本檔案有了,接下來就是要上工了!在上工之前,要再確認一下有沒有備份舊有的範本喔!