[Blogger筆記]移除Blogger標頭

　 CSS與XML操控技巧

　　一樣是根據個人喜好決定存留的項目，當然，如果只是想要有特色的範本，也可以用 CSS 來美化標頭，但是，雪球媽的習慣是非要大改一場不可，因為我喜歡圖像化的設計，讓 Blogger 能完全改頭換面，另一方面，要做出像 E- Snowball 最上方的小圖示工具列－回到首頁、加入最愛、設為首頁、外部連結、信箱連結，唯有移除標頭一途（搞不好我不說也沒人會去點吧？！）。

　　移除標頭有兩種做法，可以像 Blogger 導覽列用 CSS 隱藏（建議初學者使用），也可以直接把整個標籤拿掉，因為標頭的 HTML 有放在範本中，不像導覽列想改也無處可改，在技術的角度來說，第二種方法是比較好的，可以節省瀏覽器讀入的時間和複雜度，但是， Blogger 在修改範本處的 HTML 簡直亂到不行，要確切揪出那段標籤代碼是需要一些經驗的，刪錯了可能造成難以彌補的錯誤（這時請不要來打我......）。

　　為了避免有上述的憾事發生，在修改前請記得備份模版，如上圖所示，點選下載完整模版，儲存於電腦後，再修改範本，若期間發生任何錯誤，可以上載預先備份的檔案，以免之前的心血毀於一旦。

by雪球媽

• CSS隱藏標頭

　　登入帳號→版面配置(管理)→修改HTML→展開小裝置範本→Crl+F尋找畫面資料→尋找目標：header-wrapper→複製下方CSS →取代#header-wrapper{　}（{　}內並非空白，只是每個範本的內容不一樣，所以不在此輸入文字）→預覽確認→儲存範本。

#header-wrapper {
　visibility:hidden;
　display: none;
}

• 刪除標頭HTML

　　登入帳號→版面配置(管理)→修改HTML→展開小裝置範本→Crl+F尋找畫面資料→尋找目標：/* Header→刪除/* Outer-Wrapper之前的文字→尋找目標<div id='header-wrapper'>→刪除<div id='content-wrapper'>之前的文字→預覽確認→儲存範本→這時會出現小裝置即將刪除的字樣→確認並儲存。