wordpress教程：页面添加到达底部、返回顶部、留言悬浮按钮教程

[tr][td]有童鞋在问我如何在wordpress页面中添加到达底部、返回顶部、留言悬浮按钮，大多数主题都包含了它，但是还是有个别主题没有这个，所以，在这里主要是向新手们以及主题中没有这个的童鞋如何添加它！虽然网上已经有很多类似代码，但是对于菜鸟们来说还是很有必要说明一下！高手请绕道！
我这里提供的代码，纯html+css，杜绝js！
而我，将实现的效果如下：

图片：144048x7kdxakdjkkk7kv1.jpg

废话咱就不多说了，直接开始！
1、下载按钮所需的图片!我已经提供了下载地址在文章下方！
2、在 wordpress主题的style.css中增加如下css代码！直接添加到底部即可！个别主题改变颜色或者样式后主样式文件没有在style.css中，大家需要去甄别！
 
 
[table][tr][td]01[/td][td].go{width:47px;height:106px;background-[/td][/tr][/table]
[table][tr][td]02[/td][td] [/td][/tr][/table]
[table][tr][td]03[/td][td]color:#CCC;position:fixed;_position:absolute;_top:expression(eval[/td][/tr][/table]
[table][tr][td]04[/td][td] [/td][/tr][/table]
[table][tr][td]05[/td][td](document.documentElement.scrollTop+document.documentElement.clientHeight-[/td][/tr][/table]
[table][tr][td]06[/td][td] [/td][/tr][/table]
[table][tr][td]07[/td][td]this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||200)-(parseInt[/td][/tr][/table]
[table][tr][td]08[/td][td] [/td][/tr][/table]
[table][tr][td]09[/td][td](this.currentStyle.marginBottom,10)||0)));right:12px;bottom:25%;border-radius:5px;box-[/td][/tr][/table]
[table][tr][td]10[/td][td] [/td][/tr][/table]
[table][tr][td]11[/td][td]shadow:0 0 2px #6E6E6E}[/td][/tr][/table]
[table][tr][td]12[/td][td].go a{background:url(images/a.png) no-repeat;display:block;text-[/td][/tr][/table]
[table][tr][td]13[/td][td] [/td][/tr][/table]
[table][tr][td]14[/td][td]indent:999em;width:37px;margin:5px;border:0;overflow:hidden;float:left}[/td][/tr][/table]
[table][tr][td]15[/td][td].go .top{background-position:0 -33px;height:22px}[/td][/tr][/table]
[table][tr][td]16[/td][td].go .feedback{background-position:0 -54px;height:32px}[/td][/tr][/table]
[table][tr][td]17[/td][td].go .bottom{background-position:0 -88px;height:22px}[/td][/tr][/table]
[table][tr][td]18[/td][td].go .top:hover{background-position:-38px -33px}[/td][/tr][/table]
[table][tr][td]19[/td][td].go .feedback:hover{background-position:-38px -54px}[/td][/tr][/table]
[table][tr][td]20[/td][td].go .bottom:hover{background-position:-38px -88px}[/td][/tr][/table]


3、在页面底部，通常是footer.php中加入如下代码：
 

图片：144048x7kdxakdjkkk7kv1.jpg

 
[table][tr][td]1[/td][td]"gobottom"> [/td][/tr][/table]
[table][tr][td]2[/td][td][/td][/tr][/table]
[table][tr][td]3[/td][td] "返回顶部" class="top" href="#gotop">[/td][/tr][/table]
[table][tr][td]4[/td][td] "欢迎留言" class="feedback" href="http://www.luoxiao123.cn/liu-yan-ban"[/td][/tr][/table]

5

6	target="_blank">

7	"返回底部" class="bottom" href="#gobottom">

8

4、也是最后一步，在页面顶部，通常是wordpress主题文件header.php中增加如下代码:
 

1

"gotop">

到了这一步，就算是大功告成了！
</strong>
[/td][/tr]