2017年2月25日 星期六

[Blogger設定] 更改Blogger版面寬度,依據視窗大小自動調整寬度



成果:



操作步驟:

1. 進入 編輯HTML
範本 → 編輯HTML

2. 搜尋 <b:template-skin>
將滑鼠指標停留在程式碼內 → 按Ctrl+F( 程式碼右上會出現搜尋列 ) →
輸入 <b:template-skin> → 然後按下Enter → 此時畫面就會如下 →
反黃的部份就是搜尋到的程式碼


3. 將 <b:template-skin> 展開
點 <b:template-skin> 左邊的三角型,展開後如下圖

4. 修改4行程式碼 ( 請對照步驟3的圖 或是 看步驟4下面的說明 )

<b:variable default='960px' name='content.width' type='length' />
修改成↓
<b:variable default='960px' name='content.width' type='length' value='1440px'/>


body {
min-width: $(content.width);
}
修改成↓
body {
min-width: 800px;
}

.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);
}
修改成↓
.content-outer, .content-fauxcolumn-outer, .region-inner {
min-width: 800px;
max-width: $(content.width);
_width: 100%;
}

如果想要知道更多資訊,請參考下面網站

參考網址:https://etblue.blogspot.tw/2010/12/blogger-flexible-width-changes-with.html

沒有留言:

張貼留言