布局主题背景的 <body> 部分由版块和小部件组成。
- 版块用于划分网页的各个区域，如边栏、页脚。
- 小部件是页面元素，如网页、友情链接或者可通过“页面元素”标签添加的任何其他元素。
您可以根据需要在主题背景的版块周围加入任何 HTML。
版块
主题背景中的每个版块都有开始和结束标记，外观如下：
<b:section id='header' class='header' maxwidgets="1" showaddelement="no">
</b:section>
<b:section> 标记属性
- id -（必需）独一无二的名称，只包含字母和数字。
- class -（可选）常见“class”名称有“navbar”、“header”、“main”、“sidebar”和“footer”。如果您之后更换主题背景，这些名称可帮助 Blogger 确定如何转移您的内容。
- maxwidgets -（可选）版块中允许的小部件的数量上限。如果未指定，则表示没有限制。
- showaddelement -（可选）可以是“yes”或“no”，默认为“yes”。此属性可决定“页面元素”标签是否要在此版块中显示“添加页面元素”链接。
- growth -（可选）可以是“horizontal”或“vertical”，默认为“vertical”。此属性可决定此版块中的小部件是并排布置还是堆叠布置。
版块只能包含小部件。要在版块内插入额外代码，请将该版块拆分为两个或更多新版块。
小部件
小部件以单个标记表示，此标记只起到占位符的作用，指示应如何在“页面元素”标签中处理小部件。
下面列举了一些小部件的标记示例（一个表示页面标题，一个表示列表）：
<b:widget id="header" type='HeaderView' locked="yes"/>
<b:widget id="myList" type='ListView' locked="no" title="My Favorite Things"/>
<b:widget id=”BlogArchive1” locked=”false” mobile=”yes” title=”Blog Archive” type=”BlogArchive”/>
小部件属性
- id -（必需）此属性只能包含字母和数字，且主题背景中的每个小部件 ID 都应是唯一的。只有在删除并新建小部件的情况下，才可以更改小部件的 ID。
- type -（必需）表示小部件的种类。
- locked -（可选）可以是“yes”或“no”，默认为“no”。无法从“页面元素”标签中移动或删除已锁定的小部件。
- title -（可选）如果未指定显示标题，则系统会使用“List1”之类的默认标题。
- pageType -（可选）可以是“all”、“archive”、"main”或“item”，默认为“all”。小部件只会在您博客的指定页面中显示（无论其 pageType 为何，所有小部件都会在“页面元素”标签中显示）。
- mobile –（可选）可以是“yes”、“no”或“only”，默认为“default”。该属性决定了小部件是否在移动设备上显示。当移动属性为“default”时，只有标题、博客、个人资料、页面列表、AdSense 和归属会显示在移动设备上。
注意：在已发布的博客中，所有 <b:section> 和 <b:widget> 标记都将替换为具有指定 ID 的 <div> 标记。因此，您可以在 CSS 中引用 div#header 或 div#myList 一类的标记。