博客园页面添加返回顶部TOP按钮

1. 进入网页管理->设置

2. 在"页面定制CSS代码"中添加如下css样式，当然你可以改为自己喜欢的样式

#back-to-top {
    background-color: #00CD00;
    bottom: 0;
    box-shadow: 0 0 6px #00CD00;
    color: #444444;
    padding: 10px 10px;
    position: fixed;
    right: 50px;
    cursor: pointer;
}

3. 在"页脚Html代码"中添加如下代码，可以将文字改为图片

<span id="back-to-top"><a href="#top">TOP</a></span>

4. 点击保存按钮

这样就在自己的页面添加了回到顶部的Top按钮

posted @ 2015-06-10 09:39  Wicrecend  阅读(2579)  评论(2)  编辑  收藏  举报
TOP