版权声明：本文为博主原创文章。若要转载请注明出处！

^_^ https://blog.csdn.net/u010892841/article/details/25334153

             本来这个博客要攒着下周发表的，但是嘿嘿。我在跟大家探讨的时候发现非常多人都有这个需求，那我就把我的成果分享给大家吧。

为何说是我的成果呢。由于我从站点上直接查找了非常多直接生成代码的方法，但是在csdn中根本不能够使用。而且提示：不同意使用外站图片。

     至于报错的问题，是一个不认识的csdn网友帮我解决的，仅仅要把要自己定义的图片放到自己的博客中即可，他让我放到相冊中。但是为了方便我试了一下直接用日志或者草稿箱中的图片也是能够的。我就用的草稿箱的图片。

把遇到的错误攻克了之后，以下開始一步步实现了。

     首先别着急，听我一步步说明如何在csdn个人主页加入一个qq暂时会话的栏目，例如以下图；

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDg5Mjg0MQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

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

      但是生成的代码也不是全然不可用，仅仅要稍加改动就能够啦。

而且这样的方法不止局限于qq商家提供的那几种头像，还能够自己定义呢。比如自己的美图：

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

      另外一种方法是我实在捣鼓不出来了然后自己琢磨的：

     这种方法要借助于已经成功的qq暂时会话元素。嘻嘻比如我的首页就有啦。

之后右击我的图片选择“审查元素”，之后能够看到下图所看到的。

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMDg5Mjg0MQ==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="" />

     当中须要编辑的地方有三点：

       1：是你自己的qq号码。

       2：是自己定义的图片的网址

       3：是你自己定义的提示语。

    我当时用的是另外一种方法。这中方法有个弊端就是那些代码貌似不支持copy，我是一手工敲上去的。尽管浪费了我一下午的时间吧。第一次近距离的改动网页的代码，而且成功了。

真的好开心！这是我成长的一个里程碑。以后大家有什么想对我说的。能够直接QQ暂时会话与我交谈咯！