1、Header模块
该代码块将加入到页面HTML代码的head标签中，列表页和详细页共用。
* 固定宽度的模板正文部分图片缩放代码为：
<script type="text/javascript">
var content_img_width = 500; //超过该宽度将自动缩小到该宽度（500），根据模板可改，不设置该项将自动获取ID为posts的容器宽度
</script>
<script type="text/javascript" src="http://public.blogbus.com/blogbus/skin/common/resize.js"></script>
* 自适应宽度的模板正文部分图片缩放代码为：
<script type="text/javascript">
var content_img_width = 500;
</script>
2、CSS模块
全局样式表，日志列表页和详细页共用
3、Index模块
Blog首页代码，用以限定页面主体和副栏的位置和整个页面的样式。
<div id="index">
<div id="container">
<div id="header">
<h1 class="blogName"><a href="http://{#domain}" itle="http://{#domain}">{#blog_name}</a></h1>
<div class="description">{#blog_desc}</div>
<div class="clear"></div>
</div>
<div id="innerContainer">
<div class="innerTop"></div>
<div id="outerContent">
<div id="content">
<div class="contentTop"></div>
{c:0}
<div class="contentBottom"></div>
</div>
</div>
<div id="outerSidebar">
<div id="sidebar">
<div class="sideTop"></div>
{c:1}
<div id="meta" class="module">
<div class="modTop"></div>
<div class="modBody">
<ul>
<li class="statistics">访问统计：<span class="count">{#counter}</span></li>
<li class="subscribe">{#feed_info}</li>
<li class="poweredBy">{#powered_by}<li>
</ul>
</div>
<div class="modBottom"></div>
</div>
<div class="sideBottom"></div>
</div>
</div>
<div class="innerBottom clear"></div>
</div>
<div id="footer">
<div class="copyright">{#copyright}</div>
</div>
</div>
</div>
4、Index-Posts模块
Blog首页文章列表代码。
<ul id="posts">
<div class="postsTop"></div>
<!--list-->
<li>
<div class="postHeader">
<h3>{#date}</h3>
<h2>{#title_cat}</h2>
</div>
<div class="postBody">
{#content}
<div class="clear"></div>
</div>
<div class="postFooter">
<div class="tags">Tag：{#tags}</div>
<div class="menubar"><span class="author"><a href="{#profile_url}">{#author}</a></span> 发表于<span class="time">{#time}</span> | {#menubar}</div>
</div>
</li>
<!--/list-->
<div class="postsBottom"></div>
</ul>
<div class="pageNavi">{#pagenav}</div>
5、Detail模块
Blog内页代码。
<div id="detail">
<div id="container">
<div id="header">
<h1 class="blogName"><a href="http://{#domain}" title="http://{#domain}">{#blog_name}</a></h1>
<div class="description">{#blog_desc}</div>
<div class="clear"></div>
</div>
<div id="innerContainer">
<div class="innerTop"></div>
<div id="outerContent">
<div id="content">
<div class="contentTop"></div>
{c:0}
<div class="contentBottom"></div>
</div>
</div>
<div id="outerSidebar">
<div id="sidebar">
<div class="sideTop"></div>
{c:1}
<div id="meta" class="module">
<div class="modTop"></div>
<div class="modBody">
<ul>
<li class="statistics">访问统计：<span class="count">{#counter}</span></li>
<li class="subscribe">{#feed_info}</li>
<li class="poweredBy">{#powered_by}<li>
</ul>
</div>
<div class="modBottom"></div>
</div>
<div class="sideBottom"></div>
</div>
</div>
<div class="innerBottom clear"></div>
</div>
<div id="footer">
<div class="copyright">{#copyright}</div>
</div>
</div>
</div>
6、Detail-Post模块
Blog内页文章代码。
<ul id="posts">
<div class="postsTop"></div>
<div class="context"><span class="pre">{#pre}</span> | <span class="top"><a href="http://{#domain}">首页</a></span> | <span class="next">{#next}</span></div>
<!--list-->
<li>
<div class="postHeader">
<h3>{#date}</h3>
<h2>{#title_cat}</h2>
</div>
<div class="postBody">
{#content}
<div class="clear"></div>
</div>
<div class="postFooter">
<div class="tags">Tag：{#tags}</div>
<div class="tb_url">引用地址：<input type="text" value="{#tb_url}"/></div>
<div class="menubar"><span class="author"><a href="{#profile_url}">{#author}</a></span> 发表于<span class="time">{#time}</span> | {#menubar}</div>
</div>
</li>
<!--/list-->
<div class="postsBottom"></div>
</ul>
7、Sidebar-Profile模块
个人简介输出代码，列表页和详细页共用。
<div id="profile" class="module">
<div class="modTop"></div>
<h2>模块标题</h2>
<div class="modBody">
<a href="个人信息url地址" target="_blank"><img class="avatar" src="头像地址" /></a>
<h3 class="author"><a href="个人信息url地址" target="_blank">Blog创建人</a></h3>
<div class="about">个人简介</div>
<div class="clear"></div>
</div>
<div class="modBottom"></div>
</div>
8、Sidebar-Calendar模块
日历输出代码，列表页和详细页共用。
<div id="calendar" class="module">
<div class="modTop"></div>
<h2>日历</h2>
<div class="modBody">
<table cellspacing="0">
<tr class="calendarHead">
<td colspan="7"><span class="preMonth"><a href="/logs/2007/11/">«</a></span> 2007年12月<span class="nextMonth"><a href="/logs/2008/1/">»</a></span></td>
</tr>
<tr class="week">
<td class="d0">日</td>
<td class="d1">一</td>
<td class="d2">二</td>
<td class="d3">三</td>
<td class="d4">四</td>
<td class="d5">五</td>
<td class="d6">六</td>
</tr>
<tr class="day">
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td>1</td>
</tr>
<tr class="day">
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
<td>6</td>
<td>7</td>
<td>8</td>
</tr>
<tr class="day">
<td>9</td>
<td>10</td>
<td>11</td>
<td>12</td>
<td>13</td>
<td>14</td>
<td>15</td>
</tr>
<tr class="day">
<td>16</td>
<td>17</td>
<td>18</td>
<td>19</td>
<td>20</td>
<td>21</td>
<td>22</td>
</tr>
<tr class="day">
<td>23</td>
<td>24</td>
<td>25</td>
<td>26</td>
<td class="today">27</td>
<td>28</td>
<td>29</td>
</tr>
<tr class="day">
<td>30</td>
<td>31</td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</div>
<div class="modBottom"></div>
</div>
9、Sidebar-SearchForm模块
搜索框输出代码，列表页和详细页共用。
<h2>搜索</h2>
<div class="modBody">
<form name="SearchForm" method="get" action="http://search.blogbus.com/search">
<input type="text" name="q" class="textField" />
<input type="submit" name="Submit" class="button" value="搜索" />
<input type="hidden" name="b" value="blog编号"/>
<input type="hidden" name="dir" value="blog"/>
<div class="clear"></div>
</form>
</div>
<div class="modBottom"></div>
</div>
10、Sidebar-RecentPosts模块
最新日志输出代码，列表页和详细页共用。
<h2>最新日志</h2>
<div id="nPosts" class="module">
<div class="modTop"></div>
<h2>最新日志</h2>
<div class="modBody">
<ul>
<li><a href='日志地址'>日志标题</a></li>
<li><a href='日志地址'>日志标题</a></li>
…
</ul>
</div>
<div class="modBottom"></div>
</div>
11、Sidebar-RecentComments模块
最新评论输出代码，列表页和详细页共用。
<h2>最新评论</h2>
<div id="nComments" class="module">
<div class="modTop"></div>
<h2>最新评论</h2>
<div class="modBody">
<ul>
<li>
<span class='author'>评论人</span>：
<a href='日志地址#cmt'>评论内容</a>
</li>
…
</ul>
</div>
<div class="modBottom"></div>
</div>
12、Sidebar-Categories模块
日志分类输出代码，列表页和详细页共用。
<h2>日志分类</h2>
<div class="modTop"></div>
<h2>日志分类</h2>
<div class="modBody">
<ul>
<li><a href='分类地址'>分类名<span class='count'>[日志数]</span></a></li>
<li><a href='分类地址'>分类名<span class='count'>[日志数]</span></a></li>
…
</ul>
</div>
<div class="modBottom"></div>
</div>
13、Sidebar-Tags模块
Tag输出代码，列表页和详细页共用。
<h2>Tag</h2>
<div id="tags" class="module">
<div class="modTop"></div>
<h2>Tag</h2>
<div class="modBody">
<ul>
<li><a href='tag地址'>tag名称<span class='count'>[日志数]</span></a></li>
<li><a href='tag地址'>tag名称<span class='count'>[日志数]</span></a></li>
…
</ul>
<div class="more"><a href="更多tag地址" target="_blank">More..</a></div>
</div>
<div class="modBottom"></div>
</div>
14、Sidebar-Links模块
链接输出代码，列表页和详细页共用。
<h2>链接</h2>
<div id="links" class="module">
<div class="modTop"></div>
<h2>链接</h2>
<div class="modBody">
<ul>
<li><a href='链接地址' target='_blank'>链接名称</a></li>
</ul>
</div>
<div class="modBottom"></div>
</div>
15、Sidebar-Archives模块
存档输出代码，列表页和详细页共用。
<div id="archives" class="module">
<div class="modTop"></div>
<h2>存档</h2>
<div class="modBody">
<ul>
<li><a href='存档地址'>2007-09</a></li>
<li><a href='存档地址'>存档日期</a></li>
…
</ul>
</div>
<div class="modBottom"></div>
</div>
16、Sidebar-Customize模块
自定义HTML输出代码，列表页和详细页共用。
<div id='custom'>自定义html代码</div>
