blogspot - 想取消右邊整個區塊 - 部落格
By Dora
at 2008-11-05T18:15
at 2008-11-05T18:15
Table of Contents
修改範本，不必展開小裝置範本
直接拉到<body>下面
略過標頭之後應該會先看到左側欄
<div id='side-wrapper1'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget 略 locked='false' title='左側欄第一個標題' type='BlogArchive'/>
<b:widget 略 locked='false' title='左側欄第二個' 略/>
<b:widget 略 locked='false' title='左側欄第三個' 略/>
</b:section>
</div>
再來是文章區塊的部份
<div id='main-wrapper'>
<b:section class='main' id='main' maxwidgets='2' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='網誌文章' type='Blog'/>
</b:section>
</div>
這裡我會建議你把文章區塊這段程式碼移去放在side-wrapper1程式碼的前面
理由是因為網頁載入是按照語法的順序來的，現階段的順序雖然不會影響
可是當你以後在側欄加入的外掛越來越多之後速度就有差了
有些JavaScript外掛慢吞吞就算了還容易卡住勒
側欄就卡住了，在側欄後面的文章也就出不來了
接著你會看到右側欄的部份
<!-- <div id='side-wrapper2'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget 略 locked='false' title='RIGHT TEST' 略'/>
</div> -->
這時候你有兩個作法，一個是直接把這段刪掉
一個則是如黃色所標示的，用註解的方式讓他不起作用
這樣的好處是如果你哪天又想變成三欄式的時候，隨時都可以改回來
--------------------------最後一個步驟分隔線--------------------------
最後我們要去調整css的部份
找到#main-wrapper{}和#main{} 加大裡面的width
另如果你有把文章區快搬到左側欄前面
那#main-wrapper{}裡面的float: left;就要改成right喔
還要順便刪除#side-wrapper2{} or 頭尾分別用/*和*/註解掉
以上
※ 引述《delpeiro (del)》之銘言：
: 我很想先看板之後才發問的
: 但是我完全不知道該下什麼關鍵字搜尋
: 我用blogspot , 我的樣版是左中右 三個區塊
: 我已經把右邊的區塊全部搬到左邊了,
: 但是要怎樣才能去除右邊的區塊, 然後用中間的區塊放大填滿空下來的位置呢?
: 我猜應該是改HTML , 但是在HTML裡面這麼多的區塊程式碼,
: 我該怎麼找才是最快的?
: 謝謝
: 附上BLOG : http://kylecorner.blogspot.com
--
http://lingshu1005.blogspot.com/
something about my life
--
直接拉到<body>下面
略過標頭之後應該會先看到左側欄
<div id='side-wrapper1'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget 略 locked='false' title='左側欄第一個標題' type='BlogArchive'/>
<b:widget 略 locked='false' title='左側欄第二個' 略/>
<b:widget 略 locked='false' title='左側欄第三個' 略/>
</b:section>
</div>
再來是文章區塊的部份
<div id='main-wrapper'>
<b:section class='main' id='main' maxwidgets='2' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='網誌文章' type='Blog'/>
</b:section>
</div>
這裡我會建議你把文章區塊這段程式碼移去放在side-wrapper1程式碼的前面
理由是因為網頁載入是按照語法的順序來的，現階段的順序雖然不會影響
可是當你以後在側欄加入的外掛越來越多之後速度就有差了
有些JavaScript外掛慢吞吞就算了還容易卡住勒
側欄就卡住了，在側欄後面的文章也就出不來了
接著你會看到右側欄的部份
<!-- <div id='side-wrapper2'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget 略 locked='false' title='RIGHT TEST' 略'/>
</div> -->
這時候你有兩個作法，一個是直接把這段刪掉
一個則是如黃色所標示的，用註解的方式讓他不起作用
這樣的好處是如果你哪天又想變成三欄式的時候，隨時都可以改回來
--------------------------最後一個步驟分隔線--------------------------
最後我們要去調整css的部份
找到#main-wrapper{}和#main{} 加大裡面的width
另如果你有把文章區快搬到左側欄前面
那#main-wrapper{}裡面的float: left;就要改成right喔
還要順便刪除#side-wrapper2{} or 頭尾分別用/*和*/註解掉
以上
※ 引述《delpeiro (del)》之銘言：
: 我很想先看板之後才發問的
: 但是我完全不知道該下什麼關鍵字搜尋
: 我用blogspot , 我的樣版是左中右 三個區塊
: 我已經把右邊的區塊全部搬到左邊了,
: 但是要怎樣才能去除右邊的區塊, 然後用中間的區塊放大填滿空下來的位置呢?
: 我猜應該是改HTML , 但是在HTML裡面這麼多的區塊程式碼,
: 我該怎麼找才是最快的?
: 謝謝
: 附上BLOG : http://kylecorner.blogspot.com
--
http://lingshu1005.blogspot.com/
something about my life
--
Tags:
部落格
All Comments
Related Posts
blogspot - 想取消右邊整個區塊
By Caitlin
at 2008-11-05T16:59
at 2008-11-05T16:59
有支援blogger的編輯器嗎？
By Edith
at 2008-11-05T14:50
at 2008-11-05T14:50
xuite搬家到pixnet
By Queena
at 2008-11-05T13:34
at 2008-11-05T13:34
請問關於wordpress的頁面
By Kyle
at 2008-11-05T10:57
at 2008-11-05T10:57
Blogger和無名小站的迷思 ..(請幫我分析)
By Ivy
at 2008-11-05T10:25
at 2008-11-05T10:25