因为专注
所以专业

wordpress怎么给网站添加QQ漂浮客服代码

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&amp;uin=1215799567&amp;site=www.wpbaike.com&amp;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&amp;uin=897869445&amp;site=www.wpbaike.com&amp;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

 

未经允许不得转载:肖兴来SEO博客 » wordpress怎么给网站添加QQ漂浮客服代码
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址