如果一片文章很长，让当读者读完后想尽快返回到页面顶部，那么最好的方法就是添加一个back to top图标。
方法很简单，步骤如下：
1.“控制台”-“布局”-“修改 HTML”，同时请保存原有模板以防不测！
2.搜索 ]]></b:skin>，在它上面添加如下代码：
#backtotop {
padding:5px;
position:fixed;
bottom:10px;right:10px;
cursor:pointer;
}
3.搜索</body>,在他上面添加如下代码：
<a href="#" id="backtotop"><img src="图片地址" alt="back to top" /></a>
然后保存就可以了，我的博客就是使用这种方法，还有一种是平滑滚动到页面顶部的方法，效果是非常绚丽，使用jquery特效，但是需要加载一些脚本，我怕影响网页加载速度所以就没有选用，不过还是把方法提供给大家，先测试一下效果。
平滑滚动到页面顶部的方法：
1.“控制台”-“布局”-“修改 HTML”，勾选“扩展小窗口部件模板”，同时请保存原有模板以防不测！
2.搜索 ]]></b:skin>，在它上面添加如下代码：
#kaluhur{
right:20px;
bottom:20px;
position: fixed;
}
3.搜索</head>,在他上面添加如下代码：
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js' type='text/javascript'/>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function(){
$('a[href*=#luhur]').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
&& location.hostname == this.hostname) {
var $target = $(this.hash);
$target = $target.length && $target || $('[name=' + this.hash.slice(1) +']');
if ($target.length) {
var targetOffset = $target.offset().top;
$('html,body').animate({scrollTop: targetOffset}, 1000);
return false;
}
}
});
});
//]]>
</script>
4.搜索<body>,将它替换为<body id="luhur">。
5.搜索</body>,在他上面添加如下代码：
<div id='kaluhur'>
<a href='#luhur' title='Luhur'><img src='图片地址'/></a>
</div>
6.保存完工。
你可以看到网页从下面到顶部平滑的滑动，很炫的一个效果，最后附上一些back to top图标打包供大家下载：下载
后记：其实返回到页面顶部也不需要很麻烦的，我一般都是用HOME键的，返回到顶部很方便。
相关文章：
订阅文章 (RSS)
