css样式简单来讲，就是控制页面各元素的显示样式的。前面的教程中，我已经向大家介绍过一种调用css样式的方法（即style="width:200px"这种形式）。但在blogbus的模板代码中，使用了另外一种更为方便的（也是通用的）调用方法。下面就来介绍一下。

代码块：Index.LogContent
<a href="<!-- ~ log_url ~ -->"><!-- ~ diarytitle ~ --></a>
<!-- ~ diarybody ~ -->

实战系统标签（封装代码）

这一节的内容会教大家如何在模板编辑器中使用系统标签。我这里有一个测试用的账号，可以任意使用。账号及密码都为：jieetest 。大家可以用这个测试账号进入后台进行模板的编辑。下面列出我编辑的模板代码：

代码块： Index
<div style="width:860px;height:120px;border:1px solid red">
 这是我的博客名称：<...

因为要帮某人定做模板，所以就特意找到了在博客上放入flash相册的方法。下面就拿国内比较有名的两大图片存储服务提供商为例，来介绍下如何在博客上放入flash相册。

bababian相册
bababian的最近提供了制作个性相册的功能，通过这个功能我们可以获得相应的代码，将得到的代码放到模板中相应的位置，即可在bus博客中插入相册。下面看图：

虽然我个人对新模板系统所做的发动不是很满意，但觉得最好还是写这样一篇日志，好让大家对新系统的使用有一定的了解。


这是新模板系统的入口

首先我们需要选择一个模板，如果直接进入首页布局设置，很可能就会出现权限不足之类的提示（现在好像不会了……）。选择好模板之后，就可以自定义首页中显示的小模块了。

因为考虑到bus新模板上线的问题，即，blogbus可能会对模板系统作出一点改动，我近期内不打算更新博客，以免教程内容落伍……

另外，以前的经验表明，系统更新的时候，肯定会出现这样或那样的问题，所以我想等到24号系统更新完毕的时候才着手更新下一节的教程。在这段时间内，大家可以到下面这个博客中查看一下我做的演示模板代码。博客网址：jieetest.blogbus.com 用户名：jieetest 密码jieetest

自己登录进去找到模板代码看看就行了，相信只要是完整看过前面教程的人都能看懂那些代码。

...

所谓的系统标签，其实就是bus系统专有的一些标签。把这些标签放到布局代码中，就能输出相应的内容了。我在教程开始的介绍中，把这些代码称为封装代码。我们不必了解封装代码的具体内容，只要把它们放在合适的地方就好了。这些标签中，有些标签只能在模板的某一部分使用，另外一些则可以与其他部分共用。这节的内容我们先熟悉一下基本的标...

这节的内容是对上次div布局之路中，我个人认为还没有讲明白的地方作出补充。
我为什么没在模板编辑页面中看到过这种
<div style="width:860px;height:120px;border:1px solid red"></div>