wordpress怎么给网站添加QQ漂浮客服代码,有两种方法:
方法一:免费客服代码
http://www.54kefu.net。
方法二:自定义客服代码
打开header.php,在</head>的上面放入下面这段代码:
<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/images/functions.js” ></script>
<script type=”text/javascript” src=”<?php bloginfo(‘template_directory’); ?>/images/float.js”></script><link rel=”stylesheet” type=”text/css” href=”<?php bloginfo(‘template_directory’); ?>/css.css” />
打开footer.php,在</body>上面放入下面这段代码:
<!– QQ客服开始 –>
<div id=”conctact_right”>
<div class=”list”>
<div class=”contact”>
<h3>QQ在线客服</h3>
<a class=”qq” target=”_blank” href=”http://wpa.qq.com/msgrd?v=3&uin=1215799567&site=www.wpbaike.com&menu=yes”><img border=”0″ src=”http://wpa.qq.com/pa?p=2:1215799567:4″ align=”absmiddle” alt=”点击这里给我发消息” title=”点击这里给我发消息”>客服SEO</a>
<a class=”qq” target=”_blank” href=”http://wpa.qq.com/msgrd?v=3&uin=897869445&site=www.wpbaike.com&menu=yes”><img border=”0″ src=”http://wpa.qq.com/pa?p=2:897869445:4″ align=”absmiddle” alt=”点击这里给我发消息” title=”点击这里给我发消息”>客服博客</a>
</div><div class=”contact”>
<h3>SEO博客:www.xiaoxinglai.com专用</h3></div>
</div>
<a onfocus=”this.blur()” id=”toTop” title=”回到顶部” href=”#”><img width=”128″ height=”22″ style=”border:0px” src=”<?php bloginfo(‘template_directory’); ?>/images/con_bom.jpg”></a>
</div>
<script type=”text/javascript”>
$(“#conctact_right”).float({position:”rm”});
</script>
<!– QQ客服结束 –>
说明:QQ号码换成自己的,代码里面的H3标签和title里面的文字可以自己修改,另外找到CSS.CSS放到主题的根目录下面,然后把其余剩下的文件放入到主题文件夹里面的images文件夹里面,刷新首页看看效果是不是出来了呢?
QQ在线客服代码打包下载:http://pan.baidu.com/share/link?shareid=2061355159&uk=1865045276