学会看blogger的代码

面对一大堆标签我们不知从何看起，但先不急，我们先找到b:section. b:section可以将网页划分成不同的区域，一般分为头部，侧边栏，页脚等。B:section和你网页的布局有很大的关系例如，假如你的博客是两栏型的，建议分4个section。一个是header，一个是博客的文章部分，一个是侧边栏，一个是页脚。如下图：

当然了，想要将相应的区域放在相应的位置就要用到DIV标签了。

b:section和b:widget的属性

我们发现b:section里面紧接着就包含b:widget，b:widget是窗口小部件，如：博客列表，标签列表，文章归档，跟踪者等，都是窗口小部件。B:section里面可以包含一个b:widget,也可以包含几个b:widget，当然是随你喜欢了。

b:includable里面包含的就是窗口小部件的内容了。注意了b:widget里面只能包含b:includable。B:widget里面可以包含多个b:includable,但只会显示一个而已，那就是id为main的那一个，所以对于众多的b:includable我们想都要显示出来，则可以用b:include将它包含在main的那一个b:includable中。如：

<b:includable id='main'>

<b:loop var='i' values='posts'>

<b:include name='post' data='i'/>

</b:loop>

</b:includable>

<b:includable id='post' var='p'>

Title: <data:p.title/>

</b:includable>

data: 标记是最重要的标记之一。它是博客的内容得以显示的途径，如果不加入data则博客是一片空白，没有任何的内容。

如：<data:title/>则表示显示博客的标题。使用 data: 标记，您可以访问很多数据，且此标记会因您所使用的窗口小部件不同而异。blogger提供了一份完整的列表帮助您查找需要的数据。