剛剛我們已經選定了範本,並已經準備好了該範本的 xml 檔。現在,來到《修改 html 》的頁面,點選瀏覽電腦裡頭的範本檔。選擇我們剛剛下載的那個 xml 檔案。
上傳完成後會出現提示,表示之前的元件將會被刪除。因為我們的部落格是剛設定好的,所以就算不見了也沒關係。
按下確認之後,範本就會被套用上去了!接下來按下檢視網誌看看結果吧。
很好,面版套用得很好,沒有什麼大問題。目前的問題就只有中文化的問題而已。因為,我們是中文的使用者,當然也要把介面弄成中文,感覺上才會比較友善啊!所以,接下來就來做一些細部調整吧!
我們來看一下剛剛那張圖,先圈出需要中文化的部份:
看來要改的部份還滿多的。先一步一步來,我們先針對上面的「分頁標籤」下手。來到《版面設計》裡頭得《修改html》部份:
點一下 html 程式碼的部份,然後按下 ctrl+F ,或是從瀏覽器上選擇 編輯=>尋找。然後輸入我們要中文化的文字「Home」,然後按「下一步」。
這邊就找到了
<li><a expr:href='data:blog.homepageUrl'><span>Home</span></a></li>
而我們要改的,就是把 Home 改成中文的「首頁」。後頭的 Posts RSS、Comments RSS、Edit 也照樣子更改。Post RSS = 「訂閱文章」,Comments RSS = 「訂閱回應」,Edit 的部份,則是範本中讓使用者自定功能的部份。這邊可以先空著,等之後我們加入相本後再回來更改。
這樣上面的分頁部分是不是就變中文啦!但是,文字好像有一點不清處?因為中文和英文的字型本來就會有一點差異,這時候我們再把分頁標籤的字型給加大一點。所以我們找程式碼關於分頁標籤的 CSS ,通常分頁標籤的部份都會歸在 Main Menu 裡頭,而分頁標籤的程式是被 <li></li> 給包住,所以我們要修改的 CSS 將會是在 Main Menu 中的 li 設定。這邊我們將 font-size 的選項設定為 15px; 就是將字型大小設定為 15 px 的意思。
更改完之後,先不要儲存,按下預覽來看一下效果吧!字是不是變得比較大,比較方便瀏覽了呢?這時候,我們就可以按下儲存了。
再來我們要更改的部份,就是側欄 sidebar 當中,有一堆看不懂的字。
修改方法與分頁一樣,我們先搜尋框框內的字。
再將裡面改成你想要的文字。這邊我把它改成「Noid 推廣 Blogspot 的網站,這邊有盡可能詳細的教學,讓你慢慢一步一步,學習如何在 Blogspot 建立一個有聲有色與眾不同的部落格。老話還是一句,師父領進門,修行就要靠個人了。善用 Google,你也能擁有更有特色的部落格!」
寫好後,一樣先預覽過,沒問題就可以儲存範本囉。接下來看看還有什麼地方要中文化的吧。
剩下的就是 sidebar 的 Labels 和 Archives 了,這部份是屬於元件的部份,在下一個章節我們再介紹喔!