【全网最全的博客美化系列教程】02.添加QQ交谈链接
全网最全的博客美化系列教程相关文章目录
【全网最全的博客美化系列教程】01.添加Github项目链接
【全网最全的博客美化系列教程】02.添加QQ交谈链接
【全网最全的博客美化系列教程】03.给博客添加一只萌萌哒的小仓鼠
【全网最全的博客美化系列教程】04.访客量统计的实现
【全网最全的博客美化系列教程】05.公告栏个性时间显示的实现
【全网最全的博客美化系列教程】06.推荐和反对炫酷样式的实现
【全网最全的博客美化系列教程】07.添加一个分享的按钮吧
【全网最全的博客美化系列教程】08.自定义地址栏Logo
【全网最全的博客美化系列教程】09.添加"扩大/缩小浏览区域大小" 按钮
【全网最全的博客美化系列教程】10.小火箭置顶特效的实现
【全网最全的博客美化系列教程】11.鼠标点击爱心特效的实现
【全网最全的博客美化系列教程】12.修改鼠标图案
【全网最全的博客美化系列教程】13.鼠标点击效果升级的实现
【全网最全的博客美化系列教程】14.代码高亮设置的实现
【全网最全的博客美化系列教程】15.动画幻灯效果的实现
【全网最全的博客美化系列教程】16.给博客添加一个打赏的实现
【全网最全的博客美化系列教程】17.博客背景刷新切换效果的实现
【全网最全的博客美化系列教程】18.数学之美---动态几何线条的实现
【全网最全的博客美化系列教程】19.旋转立方体的实现
【全网最全的博客美化系列教程】20.给博客添加一个萌萌哒的看板娘
【全网最全的博客美化系列教程】21.给博客添加一个夜间模式吧
【全网最全的博客美化系列教程】22.添加一个文章目录特效
【全网最全的博客美化系列教程】23.图片水纹特效的实现
【全网最全的博客美化系列教程】24.给博客增加一个音乐播放器特效
【全网最全的博客美化系列教程】25.给博客增加一个音乐播放器特效
【全网最全的博客美化系列教程】26.评论头像旋转的实现
【全网最全的博客美化系列教程】27.IP地址定位及天气预报的实现
【全网最全的博客美化系列教程】28.3D标签云动画的实现
【全网最全的博客美化系列教程】29.自制HTML源码运行Javascript特效
【全网最全的博客美化系列教程】30.博客文章实现markdown书写机制
【全网最全的博客美化系列教程】31.用Canvas和requestAnimFrame做动画特效
【全网最全的博客美化系列教程】32.公告栏添加自己的头像
【全网最全的博客美化系列教程】33.添加一只舞动的小知音
【全网最全的博客美化系列教程】34.皮肤背景的选择与定制
添加QQ交谈链接
大家把目光移至最右边的公告栏哈,你们是不是看到了一个有事您Q我的图标呢?就像下面这样子
大家是不是很好奇这个玩意是怎么弄的呢,我们可以尝试控制台F12去找找我这个控件,同样的你也能实现这些效果,如下图所示:
很明显,我们可以看到上图,我用红色矩形框住的这部分语句控制着这个图标,点击以后会跳转到我的QQ临时对话的界面。然后跳转至如下的界面。
以上语句实现如下:
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=873284962&site=qq&menu=yes"> <img border="0" src="http://wpa.qq.com/pa?p=1:873284962:13" alt="有事您Q我" title="有事您Q我"> </a>
我们只需要替换href中的QQ号替换为自己的QQ号为自己的QQ号
传入的src中的QQ号替换为自己的QQ号
添加方式:进入自己的博客园->设置,将以上html代码添加到“博客侧边栏公告”
添加后,效果如图所示:
原理:学过一点前端知识的人就知道,这是一个很简单的东西,通过href引用链接跳转,再用img标签装上一个图片的样式。
可能你们会问了,这个href链接为什么是这个呢?其实在我探索过程中,我发现了QQ其实提供了一个临时会话的功能
通过传入参数即可完成临时会话。
那我们怎么会知道有临时会话这个功能呢?
可能你们又会问了,我通过查看源码跳转,惊奇的发现,其实QQ平台自己提供了一个推广功能,并且有很多样式可以供我们选择。
QQ推广还提供了QQ群的推广源码,样式效果如下:
还有其他样式的QQ推广我就不一一展示给大家看了,需要的自取哦~~
这个推广上面都提供了源码,你只需要将href的QQ号改成自己的,传入的src参数为自己的QQ号,复制粘贴到指定位置就行了~~~
QQ推广网址是这个:http://shang.qq.com/v3/widget.html,上面提供了很多种风格,小伙伴们可以根据自己的需要进行选择即可~~
您可以考虑给博主来个小小的打赏以资鼓励,您的肯定将是我最大的动力。thx.
微信打赏
支付宝打赏
作 者: Angel_Kitty
出 处:http://www.cnblogs.com/ECJTUACM-873284962/
关于作者:潜心机器学习以及信息安全的综合研究。如有问题或建议,请多多赐教!
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。
特此声明:所有评论和私信都会在第一时间回复。也欢迎园子的大大们指正错误,共同进步。或者直接私信我
声援博主:如果您觉得文章对您有帮助,可以点击右下角【推荐】推荐一下该博文。您的鼓励是作者坚持原创和持续写作的最大动力!
【全网最全的博客美化系列教程】02.添加QQ交谈链接相关推荐
- 【全网最全的博客美化系列教程】06.推荐和反对炫酷样式的实现
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- 【全网最全的博客美化系列教程】08.自定义地址栏Logo
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- 【全网最全的博客美化系列教程】05.公告栏个性时间显示的实现
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- 【全网最全的博客美化系列教程】03.给博客添加一只萌萌哒的小仓鼠
全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添 ...
- Hexo 博客优化之博客美化系列(持续更新)
2022-01-25 更新:博客新地址:https://www.itbob.cn/,文章距上次编辑时间较远,部分内容可能已经过时! 本文将讲述一些 Hexo 博客的美化,本文以作者 luuman 的 ...
- 打造一个属于自己的博客网站-系列教程
先说说关于自己的博客网站 请允许我介绍下我的网站,本人是2018年6月毕业,8月找到了毕业后的第一份工作,11月开始着手建造网站,到今年10月网站正式发布到网络,项目经验从零到一,从只会一点JavaS ...
- 博客栏目配置介绍-(个人介绍, QQ交谈, 发送邮件, 新浪微博, 天气预报...添加)
csdn专家终于申请到了, 是对自己的一种肯定也是接下去学习的动力. 今后, 将在csdn博客中分享更多自己的学习经验. _______________________________________ ...
- 【博客美化】08.添加扩大/缩小浏览区域大小 按钮
博客园美化相关文章目录: [博客美化]01.推荐和反对炫酷样式 [博客美化]02.公告栏显示个性化时间 [博客美化]03.分享按钮 [博客美化]04.自定义地址栏logo [博客美化]05.添加Git ...
- 【博客美化】09.评论带头像,且支持旋转
博客园美化相关文章目录: [博客美化]01.推荐和反对炫酷样式 [博客美化]02.公告栏显示个性化时间 [博客美化]03.分享按钮 [博客美化]04.自定义地址栏logo [博客美化]05.添加Git ...
最新文章
- error: ‘__declspec‘ attributes are not enabled; use ‘-fdeclspec‘ or ‘-fms-extensions‘ to enabl
- Kinect学习(五):提取带用户ID的深度数据
- 3DSlicer22:Module-ExtensionWizard Build Install
- Java Annotation详解
- 【CodeForces - 1A】Theatre Square(水题,几何)(CODEFORCES,梦的开始)
- javascript基础修炼(13)——记一道有趣的JS脑洞练习题
- 不敢摔!三星Galaxy Fold换屏费用可以入手一部华为Mate 30了
- springmvc工作流程_springMVC工作原理及流程详细讲解
- Linux服务器双网卡双IP和单网卡双IP配置方法(Debian/Ubuntu)
- java计算机毕业设计幼儿园管理系统源码+数据库+系统+lw文档+部署
- SHA1hash算法C语言实现
- 无线通信模块的双卡单待
- Java实现桐桐的数学难题
- 内核驱动隐藏自身【断链】
- python量化投资系统构建_零基础搭建量化投资系统 以Python为工具
- 路由器和交换机用什么线连接?
- 大数据基础——HDFS(分布式文件系统)
- 【python】——setup.py build_ext --inplace命令解析
- python识别人名-正则匹配百家姓
- CryEngine的maya插件安装