2008年6月11日 星期三

修改 blog 的版面配置 HTML

我可以修改 blog 的版面配置 HTML 嗎?

Blogger 的版面配置功能讓使用者不需具備專業技術即可自訂其 blog 的外觀。 不過,如果您真的喜歡直接修改程式碼,您也可以這麼做。 請移至 [範本] 標籤,並按一下 [編輯 HTML] 子標籤即可。

此網頁上第一項功能即可讓您選擇將範本以文字檔格式下載到硬碟中。 如果您有任何有趣的自訂設計,我們強烈建議您使用此功能。 這麼一來,如果您在編輯範本時出錯,或是不喜歡自訂的結果,就可以再次上載同樣的檔案輕鬆回復原始的範本。

接下來是範本的實際程式碼。 您會注意到範本的程式碼看起來和一般 HTML 與 CSS 類似,但還包含了許多自訂的標記,使其相容於我們的拖放式版面配置編輯器及字型和顏色挑選器。 如果您想大幅變更程式碼,請先詳閱下列標記:

您 還會看到 [展開小裝置範本] 選項。 按照預設,每個網頁元素會以單行預留位置的形式出現在程式碼中,您可在 [網頁元素] 標籤的圖形介面中設定其選項。 開啟此選項將可顯示每個元素的完整資料和範本。 第一種方式的程式碼較簡單,不過第二種方式可讓您擁有較多控制權,因此請選擇您偏好的選項。 請至下列網址瞭解更多資訊:

您可以看見程式碼下方有 [清除編輯]、[預覽] 和 [儲存範本] 等三個按鈕,可分別執行您需要的功能。

此 外還有兩個連至您的「傳統範本」之連結。 如果您將 blog 從較舊的 Blogger 範本樣式轉換成新的 [版面配置] 選項,那麼您的傳統範本就是您在舊系統中使用的最後一個範本,包含您所做的所有自訂項目。 如果您是在新系統中建立您的 blog,且一向使用 [版面設計] 功能,那麼您的傳統範本就是您在建立 blog 時選擇預設的傳統版原始設計,不包含任何自訂項目。 如果您只是想查看程式碼,或要複製程式碼的其中一部分至新範本中,您可以在 [檢視] 連結中看到程式碼。 [回復] 連結會消除您在 [版面配置] 功能中進行的所有自訂項目,並將您的 blog 設定為再次使用舊式的 Blogger 範本。 請注意,您將無法在此模式中使用圖形 [版面配置] 介面 (但稍後可以再轉換回 [版面配置])。

沒有留言: