两栏变三栏

如果要把两栏边三栏~


步骤一 ：
Design > Edit HTML > Select Layout Template > Minima >Save Template


步骤二：
Design > Edit HTML > Tick Expand Widget Templates
用Ctrl + F 找 #outer-wrapper
然后把 width 加大
例子： width: 860px;


步骤三：
然后用 Ctrl + F 找 #sidebar-wrapper {
找到后
在
 #sidebar-wrapper
.
.
.
 {


之后加入以下的code
#newsidebar-wrapper {
margin-left:15px;
width: 180px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

如图：





步骤四 ：
用Ctrl + F 找一下的code
 <div id='sidebar-wrapper'><b:section class='sidebar' id='sidebar' preferred='yes'></b:section> </div> 
或者
<div id='main-wrapper'><b:section class='main' id='main' showaddelement='no'></b:section></div> 

找到后将以下的code放在根据你要newsidebar出现的位置排列

<!-- new sidebar added--><div id='newsidebar-wrapper'><b:section class='sidebar' id='newsidebar' preferred='yes'></b:section></div>

以下是两种放new sidebar的例子（蓝色部分为需要添加的代码）

例子1）如果要newsidebar出现在左边，就将代码放在main-wrapper的上面，如下：

<!-- new sidebar added-->

<div id='newsidebar-wrapper'>

<b:section class='sidebar' id='newsidebar' preferred='yes'>

</b:section>

</div>

<div id='main-wrapper'>

<b:section class='main' id='main' showaddelement='no'>

</b:section>

</div> 

例子2）如果要newsidebar出现在右边，就将代码放在sidebar-wrapper的上面，如下：

<!-- new sidebar added-->

<div id='newsidebar-wrapper'>

<b:section class='sidebar' id='newsidebar' preferred='yes'>

</b:section>

</div>

<div id='sidebar-wrapper'>

<b:section class='sidebar' id='sidebar' preferred='yes'>

</b:section> 

</div> 

------------------------------------------------------------------------------------

关于想要让新的sidebar出现在左边还是右边，则可以跟着id的次序

sidebar分别在左右两边：newsidebar->main->sidebar

sidebar都出现在右边：main->sidebar->newsidebar

sidebar都出现在左边：sidebar->newsidebar->main

之后可在页面元素处添加小工具。

大功告成 ！

祝博友们成功 ！ ^^