Blogger 如何完全刪除「版面配置」範本 CSS b:template-skin
Blogger 範本中的「b:template-skin」,是調整 Blogger 後台「版面配置」頁面 CSS 的系統核心組件。一般情況下,很少會做刪除或移除的動作,除了少見特殊情形。
會做刪除「b:template-skin」的動作,主要是因應在做「Validator.nu (X)HTML5」驗證網頁時,出現的「xmlns」錯誤。
Blogger 範本中的「b:template-skin」,與 html 開頭的「b:version='2'」兩者相乎應,如果要刪除「b:template-skin」,就得兩個一起做刪除,不然會出現「嚴重錯誤」的信息。
「b:version='2'」刪除後,也就能連帶的刪除掉,在做「Validator.nu (X)HTML5」驗證網頁時,出現的「xmlns」錯誤。
「b:template-skin」刪除後,由於缺少了 CSS 來調整「版面配置」整個頁面的長寬比例,和「小工具 b:widget」及「小工具底座 b:section」的寬高比例。所以 Blogger 後台「版面配置」頁面,就會變成一片式的管理介面。那是因為「側邊欄」會被移到「網誌文章」的下方。
本想將本文加入下一篇的「Blogger 使用 HTML5 Validator 解決 xmlns 與 border 錯誤的方式」中。但後來想到,如果有人搜尋「如何刪除 Blogger template-skin」,也許這篇能夠幫上一點忙。
想一想還是從裡面獨立出來好了,如果以後有其他的創意用法,再做額外的補充吧!
這邊觀察一下,如果直接刪除「b:template-skin」或「b:version='2'」,會發生什麼事。如下圖,會有「Blogger 裂掉」的圖示和錯誤說明。
如果像下圖一樣,直接刪除 Google「xmlns」的資料,按鍵盤 F5 重整網頁,Blogger 系統還是會把 Google「xmlns」的資料裝填回範本中。
完全刪除 Google「xmlns」資料及「b:template-skin」,可以使用以下方式。
Blogger 如何移除 PageSpeed Insights 禁止轉譯 JavaScript、CSS 資源
會做刪除「b:template-skin」的動作,主要是因應在做「Validator.nu (X)HTML5」驗證網頁時,出現的「xmlns」錯誤。
Blogger 範本中的「b:template-skin」,與 html 開頭的「b:version='2'」兩者相乎應,如果要刪除「b:template-skin」,就得兩個一起做刪除,不然會出現「嚴重錯誤」的信息。
「b:version='2'」刪除後,也就能連帶的刪除掉,在做「Validator.nu (X)HTML5」驗證網頁時,出現的「xmlns」錯誤。
「b:template-skin」刪除後,由於缺少了 CSS 來調整「版面配置」整個頁面的長寬比例,和「小工具 b:widget」及「小工具底座 b:section」的寬高比例。所以 Blogger 後台「版面配置」頁面,就會變成一片式的管理介面。那是因為「側邊欄」會被移到「網誌文章」的下方。
本想將本文加入下一篇的「Blogger 使用 HTML5 Validator 解決 xmlns 與 border 錯誤的方式」中。但後來想到,如果有人搜尋「如何刪除 Blogger template-skin」,也許這篇能夠幫上一點忙。
想一想還是從裡面獨立出來好了,如果以後有其他的創意用法,再做額外的補充吧!
![Blogger 如何完全刪除「版面配置」範本 CSS b:template-skin_001 Blogger 如何完全刪除「版面配置」範本 CSS b:template-skin_001](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaZfJcCpmIfmTBnoZIjio2S7byJTV4DcW4FiXb5m72IlI4U-N7o37bS1SyWoOEYynERVC8IM9NnhOBZzb20RMnvHR_pnrh_D2vbwKOy0StE5dgaEJLUiq6ueNx46fgFL5s4VrrHwZDCq8/s1600/blogger-remove-css-template-skin_001.jpg)
這邊觀察一下,如果直接刪除「b:template-skin」或「b:version='2'」,會發生什麼事。如下圖,會有「Blogger 裂掉」的圖示和錯誤說明。
![Blogger 如何完全刪除「版面配置」範本 CSS b:template-skin_002 Blogger 如何完全刪除「版面配置」範本 CSS b:template-skin_002](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMVWdXpy4vw6SNEtyk_9qM21r9SBYQMEVJ85YXzmksK7UifJvindMVkzKGI23kmT3dz-_NNq3c-TgXY0qxeUedYAVDhTtss4N3SlEx64E9RuMEdIjKO0KVvhYli6V8ENxPUHwfkstanVI/s1600/blogger-remove-css-template-skin_002.jpg)
如果像下圖一樣,直接刪除 Google「xmlns」的資料,按鍵盤 F5 重整網頁,Blogger 系統還是會把 Google「xmlns」的資料裝填回範本中。
![Blogger 如何完全刪除「版面配置」範本 CSS b:template-skin_003 Blogger 如何完全刪除「版面配置」範本 CSS b:template-skin_003](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipq6fktw9_M2dJ7k14AlbFyTQymPvdsNiAeiBdMtaqmvxlZyxwaerwAEM-PXb8VP3fqjwHzf30j_-hDAXExKCIs_ki9JsDVOARlvz-AvPkAUL-3WkV-VnurpEyh_iaOlvW7UGdgKBaLHI/s1600/blogger-remove-css-template-skin_003.jpg)
完全刪除 Google「xmlns」資料及「b:template-skin」,可以使用以下方式。
設置流程
- 找到 b:template-skin 與 b:version='2'
- 刪除 b:template-skin
- 刪除 b:version='2'
設置前準備
若對編譯 Blogger 的 HTML 模板還不太熟悉,建議先執行『備份 Blogger 模板 (範本)』的動作,以防原始模板資料遺失。設置方式
找到 b:template-skin 與 b:version='2'
如下圖找到「b:template-skin
」及「b:version='2'
」這兩筆資料。![Blogger 如何完全刪除「版面配置」範本 CSS b:template-skin_101 Blogger 如何完全刪除「版面配置」範本 CSS b:template-skin_101](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiixXZPkbLBd1j1nAxosUYS-5JHMYQrm1ijwlJk4LJ3rFJTXoLCFd_X0ecCVVk4aO4hhW6qu1tHVDXMG4iiAgG0yISYnY9A3Gw5rfNwPA4CuJNnl5oLG2-2ngKi4gMLRhlvVae-qxZFtHU/s1600/blogger-remove-css-template-skin_101.jpg)
刪除 b:template-skin
接著刪除「b:template-skin
」。![Blogger 如何完全刪除「版面配置」範本 CSS b:template-skin_102 Blogger 如何完全刪除「版面配置」範本 CSS b:template-skin_102](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGiDDVLExqNjJVwpPVQOz7On7seF9APDvYZT-1O-esL2s5VmHh8S82Makg7WqZtzGHz5s62QGQjDbsBHp88-F8h_EGTqXX1VF8p5bYDirIPXNKX9E_J7wj98GI9Eo8qpf2Oe9H7dlsG18/s1600/blogger-remove-css-template-skin_102.jpg)
刪除 b:version='2'
最後將「b:version='2'
」那一行改為以下代碼,並將最後面的「</html>
」改為「</HTML>
」,即可完成本文的設定。
<HTML lang='zh-Hant'>
![Blogger 如何完全刪除「版面配置」範本 CSS b:template-skin_103 Blogger 如何完全刪除「版面配置」範本 CSS b:template-skin_103](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNxAZl3gWLneZ9IFNkiZMgJgxhHhgDFMnif4k3UCL4C3cfQlvvRsRQmQPD-iMAWC2AN4pE5qAPX4pwtPfPRecD3TRDfvNjOgFrjRp1Z1DelvcNTxEktFUUf0WGUm9MjhPAVP6cLyD2xVg/s1600/blogger-remove-css-template-skin_103.jpg)
相關文章
Blogger 使用 HTML5 Validator 解決 xmlns 與 border 錯誤的方式Blogger 如何移除 PageSpeed Insights 禁止轉譯 JavaScript、CSS 資源
留言
張貼留言