Blogger改造 - 入門介紹及前置動作
本文只適合新手閱讀，如有謬誤，也望高手不吝指正，感謝。
最近剛從 pixnet blog 搬家搬到 blogger ，而要在 blogger 上經營好自己的部落格，其實有相當多東西要學(如果有心要改造的話…)，它並不像台灣其它 BSP（部落格供應商）所提供的blog那般容易親近、簡單易用，但是它吸引我的是它的可自訂性相當高，你要怎麼搞就怎麼搞，當然前提是你要懂一些基本網頁語法相關知識。
註：個人推薦，有心要自學的選 blogger，簡單易用的選Pixnet
要開始改造你自己的Blogger 時，最簡單的就是上網去查詢關鍵字 Blogger Hack，就可以在網路上找到相當多的教學，可是教學裡面有很多改造的動作，你都要進入到修改HTML（這裡有分，底下會解釋）的模式下去新增程式碼，而不是在所見即所得（英文：What You See Is What You Get，縮寫：WYSIWYG）的模式下處理，所以你應該要懂得一些HTML、CSS的基本概念，以免鴨子聽雷。
教學文章中常提到的「修改HTML」，會出現在兩個地方，如下所示：
- 修改文章用的
- 修改範本用的
以在 Blogger 上新增／編輯文章為例，下圖便是「所見即所得」的編輯模式，而第二個圖則是HTML編輯模式，除了原本的中文字之外，又多出了許多HTML語法。
當你看到教學說：「在文章中，把<code>放在哪裡、用<span> </span>把程式碼包起來…」大多是指修改文章>>修改HTML模式下的動作。
不過有一點要注意的，當你在新增 Blogger Hack 功能的時候，因為它牽涉到的是你的 blogger 更內部的程式語法部份，所以當你看到教學指出：『到「修改HTML」把這段程式碼放在 </head>上面…等等』或是到「範本」→「修改HTML」，指的並不是上面兩張圖片所提到的「在文章編輯模式下增加程式碼。」
而是要到下圖的位置修改你的 blogger 模版，此時，請瞭解以下動作
- 備份：更改之前，記得先備份，下載完整模版，你會得到一個 xml 檔
- 還原：如果你 blogger hack 改錯了，就在備份功能下面的「上載模版」功能「瀏覽」並上載你的xml 備份檔案做還原動作即可。
- 只要你要更改範本程式碼，都記得要先把「展開小裝置範本」打勾，你才能看到完整的程式碼。
接下來，Ctrl+F 找教學文章所提到的關鍵字（例如：</b:skin>或是</head>之類的），找到之後，看教學文章是指示把程式碼放在關鍵字之前或之後，複製貼上，再儲存範本即可，其實不會太難。
難的是你想自己改它的外觀格式等，不過這等有基礎之後再來也不遲。
而接下來，當你增加了 blogger hack 的程式碼之後，你可以選擇給它加上註解，當成自己的備忘說明。
- HTML或是Blogger的xml，註解形式如下：
<!--備忘說明--> - CSS的註解形式如下：
/* 備忘說明 */ - Javascript的註解形式如下：
//備忘說明
可是呢，最近自己在改範本時，出現了一點狀況，我摸來摸去，因為註解這種東西，你問別人，別人也就是會給你上面的答案，因此，把我的情況提出來，入門者可以參考一下。
我在新增／更改 blogger hack 或 CSS 時，我習慣會增加註解，以免搞混，我增加的註解就像底下這樣：
註：在關鍵字上下，如 <head> 加上註解，要新增程式碼時，打一堆 hhhhhh 是為了Ctrl+F，按 hhhhhh即可尋找，打 hhhh 比打 head 簡單 XD
<!-- hhhhhhhhh看是要放在上面還是下面 -->
</head>
結果忘了CSS語法(<b:skin></b:skin>)區段要改變註解方式，在新增Blogger Hack - 在文章中貼上程式碼code範例這一個功能時，其程式屬於CSS語法，要放</b:skin>之前，結果我還傻傻一直用<!---->註解，套用之後，當然是功能失效，害我一直在找錯誤…應該要改成像下面這樣
/* ccccccode===For 顯示程式碼 */
code{
xxxxxxxx
}
/* ccccccode===For 顯示程式碼 */
071222補充：
版面配置的字型和顏色標記 by blogger help：說明<b:skin>
圖例（暫不說明wrapper部份)
註：你可以參閱下面的圖片，並實際對照一下你的範本，瞭解一下它們的位置所在。
參考資料(看Blogger Help時，如果是英文的，右上角可以換成繁體中文)：
以上，收工！
對於新手而言蠻受用的文章，我也是現在才發現不同代碼使用的註解方式是不同的
[回應]
我们搜罗互联网找到诚实的用户评论，看到什么是真正为其他人工作。矿物祛痘
[回應]