Blogger 版型分享
RWD
回應式網頁設計，以百分比的方式、以及彈性的畫面設計，在不同解析度下可改變網頁頁面的佈局排版，讓不同的螢幕解析度下都可以正常瀏覽。
喜歡的格友，快來套用吧!!
樣式、Demo ~ https://newer-17.blogspot.com
範本 XML 碼：
xml 碼 ~
Google 雲端硬碟 下載
管理後台 >> 主題 >> 編輯HTML >>
按右鍵、選取全部，將複製的範本 XML 碼、直接貼上。
使用複製、再全選直接貼上的方式安裝，之前的小工具都會不見
假如以還原，上傳、範本 XML
檔的方式安裝，原來的小工具會跑位或不見，也有可能會相衝，需要重新安裝小工具。
安裝 << 必看
在佈景主題的範本內，已有使用 Javascript 程式，對留言回應內容裡的網址，自動加上超連結，或轉換成圖片顯示。
版面上、要調整的字型、背景，大小、顏色，大部分我都把它裝到「主題設計工具」內。
倘若、找不到，那你就需要自己撰寫(你要會語法)，在版面配置 >> 最下面我放了一個 ~ "自訂樣式 ~ CSS" 的「 HTML/JavaScript 」小工具，將語法寫這裏面，醬、就不會(用)去動到範本了。
在佈景主題的範本內，已有使用 Javascript 程式，對留言回應內容裡的網址，自動加上超連結，或轉換成圖片顯示。
倘若、找不到，那你就需要自己撰寫(你要會語法)，在版面配置 >> 最下面我放了一個 ~ "自訂樣式 ~ CSS" 的「 HTML/JavaScript 」小工具，將語法寫這裏面，醬、就不會(用)去動到範本了。
協助架設 Blogger / 網站 服務
舊 
org.xml.sax.SAXParseException; lineNumber: 2; columnNumber: 6; The processing instruction target matching "[xX][mM][lL]" is not allowed.
回覆刪除我複製回html 時 出現上面的訊息
請問就是你最後的說明嗎?
是安裝時出現這個信息嗎[Qz::1404092842-1667695736.gif]我有重新下載，測試都OK，也有稍微的修改過，請重新下載 ~
刪除假如以還原，上傳、範本 XML 檔的方式安裝，最好把小工具都移除，安裝完成後再重新安裝小工具。[Qz::1398672431-3324866525.gif]
最好、是開啟一個全新的部落格，測試[Qz::1409158357-1245930750.gif]
對，是 Ctrl+A 舊主題全選delete刪除html
刪除再到你的網路硬碟連結 Ctrl+A 全選+Ctrl+C 再 copy 至已刪空的 html而已 （後來查看最前面有個小．有影響嗎？）
剛又操作過一次，操做前有把小工具清空，blogger 預設的沒動它，出現如下訊息 這次我是 copy 左岸風情.html (簡約相簿複製回來時也是以下訊息)
org.xml.sax.SAXParseException; lineNumber: 1; columnNumber: 1; Content is not allowed in prolog.
<?xml version="1.0" encoding="UTF-8" ?>
刪除<!DOCTYPE html>
最前面是醬，沒有一點的，你就把那一點刪了，試看看咩!![Qz::1407295663-285562721.gif]
我發現所有範本的留言貼圖程式，有點不完美，正在全面修改中，你可以先玩玩，等我全部更新完再告訴你[Qz::1403851118-2212514466.gif]
你所使用的方法，複製肥來[Qz::1480210125-3501404090.gif] 前後都會被加料啦!!
刪除灰鴿，您好：
回覆刪除很謝謝您分享這個 blogger 版型，
我套用後，網址是：
https://marlboro4u.blogspot.com/
當它在手機屏寬 375, 360, 320 時，
首頁的文章摘要(框)會超過右邊界，請問要如何修改？
另我加了 gotop(淡紅色) 的小程式，但它會被白色的右側欄遮住，
只好向左移 23%，即移到內文的右界，
我在小程式中加了 z-index: 999 都不見效，
請教您該如何解決？
非常謝謝您！
張主恩 敬上
將 320px 改成，300 以下，自己調試一下
刪除.feed-view .blog-posts.hfeed.container article { flex: 1 0 295px; }
gotop、你放錯地方了，應該放在頁尾的區塊，比較合適。 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2hi63h0eHob0fMgUn0q2Tg17SmOcaDGwrtLm6voP6ODM65pEu71F76v_LrY_H3Uv236GP00OCL2gEKProRkkgaRZRsA2cLAHpIckKXpVle3xxK0tzG0_nma-ZNZJLUJ4TnaMaHPf7oEt7kjnwy-jMOfh_fFQjXuK1YfmvzoKWrfmTAGTD0dxSloXEgw/s1600/167716.jpg
非常感謝輝哥(灰鴿)的解說，網站的首頁已可以在320小屏幕正常瀏覽了。
刪除另請教您，
blogger 內定的 Contempo 版型，
如何只讓首頁的內容加寬（例如寬1440，側欄284 ....），
但文章的頁面不變，例如系統內定：寬922，側欄284 ....）
意即
只有首頁內容加寬，內文(文章內容)頁不變。
再次感謝您的協助。
張主恩敬上
進入[主題設計工具]窗格
刪除選擇寬度項目，把內容寬度，和側欄寬度，調到你所需要的 size。https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWY4byun29t0ox5XrEz9m_mqsOCHPqW44itCa6me7Pou27fviFfaq7QF-bcIrPvsRBOFnYybvCAdKEecrSh6OwzcMhS80U94KJP__gL5AaN06djtVN5uYQpof3qp_eznIUuy7yejcOJn7d8vHAkZlm_ZITOqjL493xj-53iPWWEn-5iL6bRtetE54Lpg/s1600-rw/Ess1.png
輝哥，您好：
刪除謝謝您的回覆。
照您上述教的做，更改側欄與內容寬度，它是整個網站所有頁面都隨之改變，
而我想要的，只有首頁（如下網址）
https://readbible2u.blogspot.com/
的內容加寬，
但是
文章頁（網址如下）
https://readbible2u.blogspot.com/2022/12/1204TE.html
的內容保持原狀不加寬，
這要怎麼做呢？
謝謝您！
先把內容寬度拉到你要加寬的寬度 ( 如 1440px )，再去設定文章頁內容保持原狀的寬度
刪除.item-view .page_body .centered {
max-width: 922px;
}
成功了，太感謝您了。謝謝、謝謝。
刪除祝福您健康愉快！