为博客添加返回顶部按钮

当Wordpress网页显示的内容增多时,如果继续使用鼠标滚动来返回顶部导航的话将会是件很麻烦的事情。很多时候我们需要滚好几下才能到达顶部,这时为博客添加返回顶部按钮是很有必要的,不过现在大部分博客主题都已集成这个功能。这次添加的返回顶部是我在上个主题mossight中用到的,具体效果为icon
源代码下载地址http://pan.baidu.com/share/link?shareid=1248009496&uk=2114932829
引入lrtk.css/jquery.js/js.js文件

<link type="text/css" href="<?php bloginfo('template_directory');?>/lrtk.css" rel="stylesheet" />
<script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/js.js"></script>

在single.php或者index.php添加

<!-- 代码开始 -->
<div id="tbox">
	<a id="pinglun" href="#@@@@@@"></a>
	<a id="xiangguan" href="#@@@@@@"></a>
	<a id="gotop" href="javascript:void(0)"></a>
</div>
<!-- 代码结束 -->

在本主题中,可以如下设置定位到快速回复,相关文章

<!-- 代码开始 -->
<div id="tbox">
	<a id="pinglun" href="#respond"></a>
	<a id="xiangguan" href="#share"></a>
	<a id="gotop" href="javascript:void(0)"></a>
</div>
<!-- 代码结束 -->

大家可以自身主题更改下............<高手勿喷>

评论 ( 51)
  1. 沙发
    ztyhome 2013-06-29 01:08

    这个比较实用,现在也确实是大部分的主题都考虑到这个功能了。自己DIY的话还是很不错的

  2. 板凳
    未解之谜 2013-06-29 00:36

    博主辛苦,谢谢分享!

  3. 地板
    网赚兼职吧 2013-06-28 11:11

    不错,我的主题已经自带了。

  4. 4 楼
    零点 2013-06-28 10:44

    嗯!讲得挺详细!

  5. 5 楼
    Toretto 2013-06-28 09:20

    这是要转技术博么!!! 😮

  6. 6 楼
    子瑜 2013-06-28 09:15

    习惯直接刷新

  7. 7 楼
    垃圾站 2013-06-28 08:52

    这个样子看起来好看些,不过还是要和博客主题匹配更好!

  8. 8 楼
    灵异事件 2013-06-28 08:01

    谢谢分享,博客不错!有空来访!

  9. 9 楼
    我的名字叫麒 2013-06-28 07:31

    博客主题自带了

  10. 10 楼
    馒头饭madfan 2013-06-28 02:32

    这个主题好像木有添加,表示习惯用滚轮了,很少用按钮。