为博客添加返回顶部按钮

当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. avatar
    沙发
    酷特尔 2013-07-01 03:16

    比较喜欢这颜色。。。

  2. avatar
    板凳
    tiandi 2013-07-01 02:16

    图标样式不错。

  3. avatar
    地板
    哈啦 2013-06-30 15:13

    我用的emlog,以前弄过一次,不过因为自己技术太垃圾,没弄好也就懒得再弄了。

  4. avatar
    4 楼
    su 2013-06-30 15:08

    呵呵 我来点AD的你懂得啊

  5. avatar
    5 楼
    海棠果 2013-06-30 08:48

    不错 我来访问博主了

  6. avatar
    6 楼
    梦月酱 2013-06-29 10:54

    很有感觉 满分

  7. avatar
    7 楼
    Louis Han 2013-06-29 10:31

    图标太不明显了

  8. avatar
    8 楼
    麦田一根葱 2013-06-29 10:10

    😀 😀 好羞射,文章真的好赞啊,顶博主!

  9. avatar
    9 楼
    大发 2013-06-29 05:50

    高端大气上档次,哈哈

  10. avatar
    10 楼
    电脑爱好者之家 2013-06-29 04:06

    这功能还是挺实用的…