模板布局 曾经从blogspot转到WordPress，体验过WP的丰富和灵活型，但折腾下来也遇到很多问题，缺乏靠谱的WP托管商，自己维护web主机也花了不少精力，最后发现还是Blogger以不变应万变的姿态保持着它的简单和稳定，包括一直稳定地被和谐。。。 Blogger的一大痛点是内置模板都比较朴素，定制性不如WP等blog系统强大，这里对Blogger的模板文件相关内容进行说明。 整个Blogger的内容主要由板块section（下图中蓝色标签）和小部件widget（下图中绿色标签）组成，板块主要负责对页面划分区域，widget负责在每个区域里填充内容，所有的页面内容如站头、博客正文、侧栏等都放在对应的widget里面。 布局元素 Blogger template 是一个 XHTML 文件，包含了常规的html、css、js 以及Blogger的专属元素标签(XML Namespace) ，上面用于布局的<b:section>和<b:widget> 就是属于其中。 b:section 版块 section版块用于划分网页的各个区域，如边栏、页脚。在blogger模板中，至少要有一个section标签，section标签内只能包含小部件<b:widget>标签，不能包含其它html元素， 格式示例： <b:section id='header' class='header' maxwidgets="1" showaddelement="false"> <b:widget id='Header1' locked='true' title='Blogger' type='Header' visible='true'> … </b:widget-settings> </b:section> section属性： 属性 说明 id （必需） 不能重复，只能包含字母和数字 class （可选） 常用class值：navbar、header、main、sidebar、footer。 更换模板时Blogger能根据class匹配转移...