Blogger改造 - 入門介紹及前置動作
Update：080115 前言：本文只適合新手閱讀，因本人非專業，如有謬誤，也望高手不吝指正，感謝。 最近剛從 pixnet blog 搬家搬到 blogger ，而要在 blogger 上經營好自己的部落格，其實有相當多東西要學(如果有心要改造的話…)，它並不像台灣其它 BSP（部落格供應商）所提供的blog那般容易親近、簡單易用，但是它吸引我的是它的可自訂性相當高，你要怎麼搞就怎麼搞，當然前提是你要懂一些基本網頁語法相關知識。 註：個人推薦，有心要自學的選 blogger，簡單易用的選Pixnet 自己經營BLOG的第一步，找個優質的 BSP！你可以參閱此文： 要開始改造你自己的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 模版，此時，請瞭解以下動作 接下來，Ctrl+F 找教學文章所提到的關鍵字（例如：</b:skin>或是</head>之類的），找到之後，看教學文章是指示把程式碼放在關鍵字之前或之後，複製貼上，再儲存範本即可，其實不會太難。 難的是你想自己改它的外觀格式等，不過這等有基礎之後再來也不遲。 而接下來，當你增加了 blogger hack 的程式碼之後，你可以選擇給它加上註解，當成自己的備忘說明。 可是呢，最近自己在改範本時，出現了一點狀況，我摸來摸去，因為註解這種東西，你問別人，別人也就是會給你上面的答案，因此，把我的情況提出來，入門者可以參考一下。 我在新增／更改 blogger hack 或 CSS 時，我習慣會增加註解，以免搞混，我增加的註解就像底下這樣： 註：在關鍵字上下，如 <head> 加上註解，要新增程式碼時，打一堆 hhhhhh 是為了Ctrl+F，按 hhhhhh即可尋找，打 hhhh 比打 head 簡單 XD 結果忘了CSS語法(<b:skin></b:skin>)區段要改變註解方式，在新增Blogger Hack - 在文章中貼上程式碼code範例這一個功能時，其程式屬於CSS語法，要放</b:skin>之前，結果我還傻傻一直用<!---->註解，套用之後，當然是功能失效，害我一直在找錯誤…應該要改成像下面這樣 071222補充： 版面配置的字型和顏色標記 by blogger help：說明<b:skin> 圖例（暫不說明wrapper部份) 參考資料(看Blogger Help時，如果是英文的，右上角可以換成繁體中文)： 以上，收工！
台灣部落格（BSP）前10大排名（2007年）by 不來恩
<!--備忘說明--> /* 備忘說明 */ //備忘說明 <!-- hhhhhhhhh看是要放在上面還是下面 -->
</head> /* ccccccode===For 顯示程式碼 */
code{
xxxxxxxx
}
/* ccccccode===For 顯示程式碼 */
註：你可以參閱下面的圖片，並實際對照一下你的範本，瞭解一下它們的位置所在。
(成為第一個評分者吧！)您可能也對以下文章感興趣：
對於新手而言蠻受用的文章，我也是現在才發現不同代碼使用的註解方式是不同的
[回應]