博客整体

 

scrollbar 就是部落格旁边那个可以拉上拉下的滚动条啦 :)

1. 设计 → 修改 HTML

2. Ctrl+F 寻找代码 ]]></b:skin>

3. 在 ]]></b:skin> 上面添加你要的效果的代码

4. 按 preview 看看效果有没有出现，再按 保存 即可。

教程 ①：添加背景色在滚动条

::-webkit-scrollbar {

height: 12px;

width: 12px;

background: #D9D9D9;

}

::-webkit-scrollbar-thumb {

background-color: #B2C0C6;

-moz-border-radius: 10px;

border-radius: 10px;

}

教程 ②：添加背景图在滚动条

::-webkit-scrollbar {
height: 12px;
width: 12px;
background: url(图片 direct link);
}

::-webkit-scrollbar-thumb {
background: url(图片 direct link);
}

小解释：
红色代码 - 可以换去你想要的颜色代码 / 背景图的 url
-moz-border-radius / border-radius - 边框的弧度

* 如果想要为你的 thumb 添加边框，可以添加以下代码：

border: 1px solid #000000;
-moz-border-radius: 10px;
border-radius: 10px; 

所有的代码都要添加在 { }之间哦 ^.^