csdn添加临时会话功能

来源:互联网 发布:徐州网络经纪人 编辑:程序博客网 时间:2024/06/06 10:52

             本来这个博客要攒着下周发表的,可是嘿嘿,我在跟大家探讨的时候发现很多人都有这个需求,那我就把我的成果分享给大家吧。为何说是我的成果呢,因为我从网站上直接查找了很多直接生成代码的方法,可是在csdn中根本不可以使用。并且提示:不允许使用外站图片。

     至于报错的问题,是一个不认识的csdn网友帮我解决的,只要把要自定义的图片放到自己的博客中就行,他让我放到相册中。但是为了方便我试了一下直接用日志或者草稿箱中的图片也是可以的。我就用的草稿箱的图片。把遇到的错误解决了之后,下面开始一步步实现了。

     首先别着急,听我一步步说明怎样在csdn个人主页添加一个qq临时会话的栏目,如下图;




     之后面临的问题就是怎样编写上图中“内容”一栏的代码了,下面介绍两种方法:一种是网络上介绍的,一种是自己琢磨的,都能达到目的。  

      但是生成的代码也不是完全不可用,只要稍加修改就可以啦。并且这种方法不止局限于qq商家提供的那几种头像,还可以自定义呢。例如自己的美图:

    


首先百度“qq商家”然后选择“商家沟通组件”之后按下图进行设置:




    



      第二种方法是我实在捣鼓不出来了然后自己琢磨的:

     这个方法要借助于已经成功的qq临时会话元素,嘻嘻例如我的首页就有啦。之后右击我的图片选择“审查元素”,之后可以看到下图所示。


     其中需要编辑的地方有三点:

       1:是你自己的qq号码。

       2:是自定义的图片的网址

       3:是你自定义的提示语。

    我当时用的是第二种方法,这中方法有个弊端就是那些代码貌似不支持copy,我是一手工敲上去的。虽然浪费了我一下午的时间吧,第一次近距离的修改网页的代码,并且成功了。真的好开心!这是我成长的一个里程碑。以后大家有什么想对我说的,可以直接QQ临时会话与我交谈咯!



18 1