OREO Queen ♥: 教程/Tutorial || 调整部落格的身体宽度/Adjustment of the width of Blog's body

Wednesday, September 14, 2011

教程/Tutorial || 调整部落格的身体宽度/Adjustment of the width of Blog's body

怎么改变红色框框的宽度？

How to change the width of the Red colour's border?

来看看吧

Let get it..

先帮我按一按以下的链接好吗?

Please help me click the link below,ok?

感激不尽

Thanks a lot =)

点它/Click:

中文/Chiness:

我会教2个不同模板的教程

首先是Minima模板的：

① 信息中心 --> 设计 --> 修改HTML

② 用Ctrl+F找出以下代码

#outer-wrapper {

③ 然后你往下一点去找

width: 800px;

④ 红色字体，是可以更换的，数字越大就代表越宽，相反的数字越小酒代表越窄

⑤ 如有不明白，参考下图

再来是Denim模板的 (有2种方法）：
① 信息中心 --> 设计 --> 修改HTML

② 用Ctrl+F找出以下代码

#content-wrapper {

③ 然后往下找

width: 800px;

④ 红色字体，是可以更换的，数字越大就代表越宽，相反的数字越小酒代表越窄

⑤ 如有不明白，参考下图

另一种方法是：
① 信息中心 --> 设计 --> 修改HTML

② 用Ctrl+F找出以下代码

#content-wrapper {

③ 然后往下找

margin:

④ 通常我们完整的Margin代码是像下面一样的

margin: 0 1%;

⑤ 而我们要改的是红色的巴仙率，巴仙率越大，宽度就越小；巴仙率越小，宽度越大。

⑥ 如不明白，参考下图

好了之后，先预览后储存。

英文/English:
There have 2 different template tutorial i will make.

The first one is Minima template:
① Dashboard --> Design --> Edit HTML

② Uswe Ctrl +F to find out the code below:

#outer-wrapper {

③ Then go down a bit you will see

width: 800px;

④ You may change the red colour number, the higher number represents the more wide,the smaller number represent the opposite of the narrower.

⑤ If you can't understand,please refer the figure below

The second one is Denim template (There have 2 method to go):
Let see the first method:
① Dashboard --> Design --> Edit HTML

② Use Ctrl+F find out the code below:

#content-wrapper {

③ Go down a bit you will see

width: 800px;

④ As the same thing with Minima template, change the red colour number, the higher number represents the more wide,the smaller number represent the opposite of the narrower.

⑤ If you can't understand,please refer the figure below

Okay,how about second method?Let following the tutorial below:
① Dashboard --> Design --> Edit HTML

② Use Ctrl+F to find out the code below:

#content-wrapper {

③ Go down a bit to find

margin:

④ Usually our complete margin code is like the code below:

margin: 0 1%;

⑤ You may change the red colour percentage, the greater percentage means that the width will become smaller;the smaller percentage means that the width will become greater.

⑥ If you can't understand,please refer the figure below

Done,you may PREVIEW first before SAVE.