Blogspot 範本說明和替換基本教學
Blogspot 的面版,稱之為「範本」,英文為「Templates」。設定Blogspot的範本,我們可以從資訊主頁點選「版面配置」進到管理畫面。![17 17](http://lh6.ggpht.com/_9DpNxOjD5V0/Sa4NXeL2zoI/AAAAAAAAAXs/WN-gn_x-sRA/17_thumb%5B2%5D.jpg?imgmax=800)
![32 32](http://lh3.ggpht.com/_9DpNxOjD5V0/Sa4NZEvIBKI/AAAAAAAAAX0/y6QFBcufQiY/32_thumb%5B1%5D.jpg?imgmax=800)
在更改範本之前,先做一次備份是很正確的觀念,這邊我們點選上面的「網頁 HTML」,來到 Html 管理介面。
![33 33](http://lh4.ggpht.com/_9DpNxOjD5V0/Sa4NbIWVbgI/AAAAAAAAAX8/cKEInr_Y3U8/33_thumb%5B1%5D.jpg?imgmax=800)
在這一個頁面,我們可以看到「下載完整範本」的連結。點一下就可以下載並儲存,下載的檔案將會是 .xml 的格式。
![43 43](http://lh6.ggpht.com/_9DpNxOjD5V0/Sa4NeCDD10I/AAAAAAAAAYE/0uga3CNVROo/43_thumb%5B2%5D.jpg?imgmax=800)
備份好了之後,就來挑選新的範本吧。新範本的獲得方式有:1.點選挑選新範本,如果還是祧 Blogspot 提供的範本,就失去了用 Blogspot 的意義了!所以,我們選擇 2. 上網下載網友設計的範本。這邊提供一個範本集散地 btemplates.com,這個網站網羅了網路上幾乎所有網友設計的 Templates,並且幫您以顏色和欄位的不同做區分,讓您在找範本的時候更加容易。
顏色的話,應該不需要我多作說明。至於欄位 columns 就要解釋一下了。
![37-2 37-2](http://lh6.ggpht.com/_9DpNxOjD5V0/Sa4NewkkaII/AAAAAAAAAYI/wY1V4x9QQUI/37-2_thumb%5B3%5D.jpg?imgmax=800)
在 Blogspot 中,Columns 指的是指 blog 的外觀分割成幾份。像是下面這個就是 1 column 的代表。整個部落格頁面沒有經過分割,標籤等相關資訊則是接在頁面的最下面。
![37-3 37-3](http://lh6.ggpht.com/_9DpNxOjD5V0/Sa4NhHqX1nI/AAAAAAAAAYQ/tYDfvooTcKM/37-3_thumb%5B1%5D.jpg?imgmax=800)
而 2 columns 則是將頁面分割為一大一小的模式。小的部份通常稱之為「sidebar」或「側欄」。下面這個就是 2 columns 代表。
![37-4 37-4](http://lh5.ggpht.com/_9DpNxOjD5V0/Sa4NjzWznRI/AAAAAAAAAYY/e0U2FtYw7rA/37-4_thumb%5B1%5D.jpg?imgmax=800)
而 3 columns 則比較複雜一點,有單純 3 columns 和複合式的。單純的 3 columns 範本就是將畫面分割為三份,分別為兩小一大。像是下面這個範本。
![37-5 37-5](http://lh3.ggpht.com/_9DpNxOjD5V0/Sa4Nm2cB83I/AAAAAAAAAYg/7_W3pQJXYaM/37-5_thumb%5B1%5D.jpg?imgmax=800)
複合式 3 columns 的範本就像是下面的例子,上頭是 2 columns,但是在 sidebar 的部份則再分割為兩個 columns。
![37-6 37-6](http://lh5.ggpht.com/_9DpNxOjD5V0/Sa4NpDkaJoI/AAAAAAAAAYo/V6WI4bQHwb8/37-6_thumb%5B1%5D.jpg?imgmax=800)
而 4 coulmns 呢?一樣和 3 columns 有均分式和複合式,不過 4 columns 通常除非特殊用途,不然很少用到,這邊就不介紹了,有興趣的朋友可以自己去看看。
ok,繼續我們的下一步動作,要更改 templates,我們先選定下面這個 2 columns 的範本為例。
![38 38](http://lh4.ggpht.com/_9DpNxOjD5V0/Sa4Nrt3rF1I/AAAAAAAAAYw/W8kfbb9CX1U/38_thumb%5B1%5D.jpg?imgmax=800)
點選 Download 的圖案,就會跳出下載視窗,這時候選擇儲存。下載後的檔案為通用的 .zip 檔,在 Windows XP 之後的版本都可以直接解壓縮。
![39 39](http://lh6.ggpht.com/_9DpNxOjD5V0/Sa4Ns3EMNmI/AAAAAAAAAY4/Gv7omWbhV4Q/39_thumb%5B1%5D.jpg?imgmax=800)
![40 40](http://lh4.ggpht.com/_9DpNxOjD5V0/Sa4NubnE_PI/AAAAAAAAAZA/fs8fc_Bm81Y/40_thumb%5B1%5D.jpg?imgmax=800)
解壓縮後會得到兩個檔案,分別是說名檔「readme.txt」和範本檔「Simple-Jojo.xml」。不同範本的 .xml 檔名稱都不一樣,不過在 blogspot 用的範本格式都是 .xml 檔就是。
![41 41](http://lh4.ggpht.com/_9DpNxOjD5V0/Sa4NvgFLA6I/AAAAAAAAAZI/OWGQq0m83Y0/41_thumb%5B1%5D.jpg?imgmax=800)
好了,範本檔案有了,接下來就是要上工了!在上工之前,要再確認一下有沒有備份舊有的範本喔!