- 点击放大 -
未曾在任何部落格看过此教程，请不要擅自转载。
# 警告：此教程有些许复杂，请根据好步骤来，不然很容易就丢失整个模板。
新模板使用者（Blog Template）
1. 模板 - Edit HTML
2. Ctrl + F 寻找代码 ]]></b:skin>
3. 在 ]]></b:skin> 上面添加以下代码：
.topbar {4. 添加完毕以后，Ctrl + F 寻找代码 <body expr:class='"loading" + data:blog.mobileClass'> / <body>
width: 100%;
height: 275px;
margin-top: -285px;
position: absolute;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
z-index: 100;
top: 0px;
}
.topbar:hover {
margin-top: 0px;
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
}
.topbar1 {
width: 100%;
background: url(背景 URL);
color: 字体颜色;
padding: 0px;
overflow: hidden;
height: 275px;
border-bottom: 10px solid #DEB887;
box-shadow: 0px 0px 5px #ccc;
}
.open {
right: 15px;
top: 285px;
position: absolute;
background: url(背景 URL);
color: 字体颜色;
width: 75px;
text-align: center;
border-radius: 0px 0px 10px 10px;
-moz-border-radius: 0px 0px 10px 10px;
}
.open o, .topbar:hover c {
display: inline;
opacity:.8;
}
.open c, .topbar:hover o {
display: none;
opacity:.8;
}
5. 在 <body expr:class='"loading" + data:blog.mobileClass'> / <body> 下面添加以下代码：
<div class='topbar'><div class='open'> <o>See more...</o> <c>See more...</c> </div>6. 预览看看代码是否有出错，即可保存。
<div class='topbar1'><center><br/>
内容在这里
</center>
</div></div>
# 如果代码出错了（就是不能够 preview 你的部落格出来，请立刻删除刚刚添加的代码，不要按保存，不然将丢失所有设计，而且也不能保存）
小解释：
蓝色代码：背景图片的网址（一个是内容里面的背景，一个是 * see more * 的背景）
红色代码：内容的大小（高度）
紫色代码：边框的颜色 / 种类 / 粗度
青色代码：字体的颜色
紫色代码：See More 的宽度
褐色代码：See More 的边框类型，可参考 - 此帖 -
橙色代码：* important ! 这个是 see more 的位置。
right - 距离右边多远（可改成 left）
top - 需要根据你的内容的 height 来更改，如果你更改了我给你的 height, 请连同这个也一起更改，不然的话，就看 不到你的 * See More * 了
紫色高亮：See More 出现的字（可以改成任何你想要的字）
红色高亮：内容
其他的代码你们也可以试着去更改看看，不一定要只更改我放了颜色的代码哟，或许会出现不一样的效果。
Extra Knowledge
如果你曾经使用过这篇教学 - 无连接式 navigator - ，就会知道添加在【Edit HTML】里面的代码要很小心，如果添加错了，就会 preview 不到你的部落格，所以使用这篇教学前，请你先下载多一个副本，不然保存错了代码，到时你就欲哭无泪了。
1. 分行 <br />
2. 图片 <img src='图片url' />
3. 链接 <a href='网址'>显示字体</a>
就我们常用的代码来说，也就这几个，如果你添加了另外的代码，可是出现了 error, 欢迎你留言在这里，我帮你看看哪里出错了。
# 经典模板的添加方式我还没有研究到，研究到以后会发布的哟。不好意思 :)
Categories: Bii の语法笔记, 关于小工具, 关于页面