如何在网站右侧添加浮动的客服代码!

话不多说,我的网站(https://www.yephy.com)右下方添加了浮动的企鹅头像,点击它就可以直接跳出弹窗提示你可以与我QQ对话,怎么样,这样的浮动装口,配上 Chakhsu Lau 的 Pinghsu 清新主题,是不是没有像那种模版站一样给人感觉很难看?
下面,我就给大家讲一下具体的实施方法:

在你的网站主题中,找到一个被全站调用的文件,通常情况下,我会选择 footer.php 文件,找到它之后,以 utf-8 方式进行编译,在 上一行,加入如下代码:


![点击这里给我发消息](http://cdn.yephy.com/image/kfh.png)
  
嘿!有什么能帮到您的吗?

上面的代码中,需要留意一些地方:

1、个人QQ号码的替换:

代码第二行中,将 http://wpa.qq.com/msgrd?v=3&uin=252112645&site=qq&menu=yes 这个链接中的 252112645 替换为你的QQ号码,同时你要到 这里 开通“QQ在线”功能;

2、图片和js文件保存及个人路径替换

代码第二行中的图片链接 http://cdn.yephy.com/image/kfh.png 这个是我自己CDN服务器的图片,因为做了防盗链设置,所以如果童鞋们直接复制代码的话,将会无法显示,因此大家可以直接将这个图片保存上传到自己的网站目录或者CDN服务器,然后将链接替换就可以了;

同理,代码第十二行中的JS文件地址,大家也可以用同样的办法将JS文件保存上传到自己的网站目录或者CDN服务器,然后替换对应的链接!

至此,我们的代码添加就完全结束了,将 footer.php 文件保存并上传到网站服务器,清理缓存并刷新页面,怎么样,看到可爱的小企鹅了么?

YephyBlog with QKF

这时候,我们还要解决一个问题,就是想要这个代码,不出现在平版设备或者手机设备的页面上,要解决这个问题,只需要在第一行代码的