【樣板】Templet. Blogger樣式解說

由於看到其他人的TEMPLET一整個版面超酷，害我昨天手癢便抓了個新樣板來套用。

說真的，新酷音沒有想像中那麼好用，畢竟用久了新注音之後，新酷音很多熱鍵沒有承接相關的按鈕，按起來並不會說很順手(超無奈)

本次套用版面之外，下方版面欄位自行增加至四欄，只是有些東西並不會說很好用，增加欄位方式與yam比較不一樣的地方在於，同時blogger可以修改html樣板，也就是自由度相較於yam來得高，但相對難度也上升不少，不過看久之後就發現，其實架構都大同小異，CSS的結構部份在上半部，結束之後下半部才正式進入html樣式，同時內容包括了你設定的小工具原始碼也在裡頭，單純新增欄位的話，找到相對應的div圖層，進行複製修改，小工具才會具備那些html1~5的編號，基本上div圖層只要找到相關編號，一直給他加下去就對啦。


不懂的話可參考這篇：
http://www.ptt.cc/bbs/Blog/M.1249571406.A.9D7.html

例如：

 <div id='footer-wrapper-1'>
   <b:section class='footer-2' id='footer-1'/>
 </div>

我想要增加另外一個，就再多複製一個，同時把1改成2，夠直覺化了吧，而CSS的部份應該不用我多作解釋，但是新增一個欄位，要考慮到整個欄位的寬度來重新進行分割，什麼? 你說你不懂? 舉個例子：

margine: 0px 5px 3px 0px 依序為 - 上 左 下 右
margine: 0px 0px 3px 5px

為了要讓方塊能夠整齊排列，因此寬度記得要設定好，例如分四個欄位，總寬度是900px下去分，那每個欄位寬度最大限度得設在 225px 之內，不然就會跑框被擠到下方。