Blogger Title Background 圖片問題
最近被問到煩的問題。在釋出幾個範本之後，隨之而來就是一堆莫名其妙的問題，尤其是支援 Blogger 預設 Title 欄位設定後，竟然還能有很多問題，這是 blogger 預設的功能，我設計的 template 範本只能被動的配合相關設定來求取使用者的方便性，而使用者想要使用的圖片當然也只能被動的來配合 template 範本中的設定：
當你選用第一項的時候，圖片上傳到 Blogger 後系統會自動幫你縮圖來符合「原本 blogger 範本慣用的長寬高」，一定會填不滿其他自訂範本後整個加寬後的 title 欄位。（圖被系統縮成小圖難道看不出來嗎？怪哉...）
當你選用第二項來連結外部圖片時，背景圖片是則是以連結為主，圖的大小有多大就多大，但是相同的，就失去對應 Blogger 內定的寬與高設定，圖片必須被動的配合範本中寬與高的設定，不然就會被截斷。（只是背景圖，有這麼重要嗎？大一點行不行？你就把圖拉大一點、再放上去不就得了？）
當你採用第二項設定去連結外部圖片後，還有兩個選項，不過這個階段我已經做了一些 CSS 設定的調整，原本偏左的圖片我設定成置中（這比偏左好），原本高度只有345px 我也拉高到 350px （有的則是只有 150px ，看各個範本不同），但是會遇到的問題大致上與 Blogger 預設的範本相同，假設圖片比範本設定的 Title 窄，第一個選項是當成 Title 與說明的背景圖，會變成這樣：
第二個選項是取代 Title 與說明當成前景圖，因為我設定強制為與 Title 同寬度，會強制把圖拉寬到填滿整個 Title 而變成這樣，如果是依照 Blogger 預設則會缺邊：
要避免類似的問題，請不斷的反覆、反覆、反覆修正圖片大小來符合範本的設定，且 ie 與 firefox 可能因為處理 css 的不同而產生誤差，因為範本不會因為個案就進行調整，不然就是請使用者自己進入原始碼中找 Blogger Code 中 header widget 的區段動手調整 inline 的 CSS 設定值，別跑來要求範本特別為某個特定個人的需求來進行調整，或是回報成範本問題。
當你選用第一項的時候，圖片上傳到 Blogger 後系統會自動幫你縮圖來符合「原本 blogger 範本慣用的長寬高」，一定會填不滿其他自訂範本後整個加寬後的 title 欄位。（圖被系統縮成小圖難道看不出來嗎？怪哉...）
當你選用第二項來連結外部圖片時，背景圖片是則是以連結為主，圖的大小有多大就多大，但是相同的，就失去對應 Blogger 內定的寬與高設定，圖片必須被動的配合範本中寬與高的設定，不然就會被截斷。（只是背景圖，有這麼重要嗎？大一點行不行？你就把圖拉大一點、再放上去不就得了？）
當你採用第二項設定去連結外部圖片後，還有兩個選項，不過這個階段我已經做了一些 CSS 設定的調整，原本偏左的圖片我設定成置中（這比偏左好），原本高度只有345px 我也拉高到 350px （有的則是只有 150px ，看各個範本不同），但是會遇到的問題大致上與 Blogger 預設的範本相同，假設圖片比範本設定的 Title 窄，第一個選項是當成 Title 與說明的背景圖，會變成這樣：
第二個選項是取代 Title 與說明當成前景圖，因為我設定強制為與 Title 同寬度，會強制把圖拉寬到填滿整個 Title 而變成這樣，如果是依照 Blogger 預設則會缺邊：
要避免類似的問題，請不斷的反覆、反覆、反覆修正圖片大小來符合範本的設定，且 ie 與 firefox 可能因為處理 css 的不同而產生誤差，因為範本不會因為個案就進行調整，不然就是請使用者自己進入原始碼中找 Blogger Code 中 header widget 的區段動手調整 inline 的 CSS 設定值，別跑來要求範本特別為某個特定個人的需求來進行調整，或是回報成範本問題。
