自制博客侧边栏公告网页链接“图标 ”
1、网上搜索网页图标并保存为.bmp文件
这是我用的一个图标搜索网站:http://www.easyicon.net/
2、将图片文件上传博客,得到并复制地址链接(不会的自己动手搜)
3、博客后台设置侧边栏公告中插入以下代码
<m class="m">
<div><a href="http://weibo.com/u/5379175768" target="_blank"><img src="http://files.cnblogs.com/files/lj-cn/xlwb.bmp" width="25px" height="25px" class="img_avatar"></a>
<a href="https://music.163.com/#/user/home?id=270537501" target="_blank"><img src="http://files.cnblogs.com/files/lj-cn/wyyyy.bmp" width="25px" height="25px" class="img_avatar"></a>
<a href="https://www.zhihu.com/people/jay-74-42/activities" target="_blank"><img src="http://files.cnblogs.com/files/lj-cn/zh.bmp" width="25px" height="25px" class="img_avatar"></a></div>
</m>
注意:<a href="http://weibo.com/u/5379175768" target="_blank"><img src="http://files.cnblogs.com/files/lj-cn/xlwb.bmp" width="25px" height="25px" class="img_avatar"></a>
绿字部分是你想通过图标链接的网站地址,红字部分是上传的图片文件的地址,改成自己的就可以。
4、保存并刷新博客首页,查看效果:http://www.cnblogs.com/lj-cn/
延伸部分:鼠标停在图标上时显示提示内容
这是摘取上面的部分代码,加入蓝字部分的代码就可以了
<a href="http://weibo.com/u/5379175768" target="_blank"><img src="http://files.cnblogs.com/files/lj-cn/xlwb.bmp" title="喜欢我就关注我" width="25px" height="25px" class="img_avatar"></a>
查看效果:
附:
- 添加QQ即时聊天图标(其实就是webQQ)
搜索QQ推广:http://shang.qq.com/v3/index.html
登录你的QQ并进入页面,点击推广工具,选择组件样式;
复制组件样式下面的代码,直接粘贴在下面代码蓝字部分;
<m class="m">
<div><a href="http://weibo.com/u/5379175768" target="_blank"><img src="http://files.cnblogs.com/files/lj-cn/xlwb.bmp" title="喜欢我就关注我" width="25px" height="25px" class="img_avatar"></a>
<a href="https://music.163.com/#/user/home?id=270537501" target="_blank"><img src="http://files.cnblogs.com/files/lj-cn/wyyyy.bmp" title="分享音乐分享喜悦" width="25px" height="25px" class="img_avatar"></a>
<a href="https://www.zhihu.com/people/jay-74-42/activities" target="_blank"><img src="http://files.cnblogs.com/files/lj-cn/zh.bmp" title="知之为知之" width="25px" height="25px" class="img_avatar"></a>
<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=3162701044&site=qq&menu=yes"><img border="0" src="http://wpa.qq.com/pa?p=2:3162701044:52" alt="点击这里给我发消息" title="点击这里给我发消息"/></a>
</div>
</m>
这样,陌生人可以直接通过这个窗口给你QQ上发消息。
自制博客侧边栏公告网页链接“图标 ”相关推荐
- 博客园自定义博客侧边栏公告的过滤漏洞
温馨提示:本文章所提到的相关技术以及代码仅供学习交流,不可用来做违法或违反博客园相关规定的事情哦~而且本文章不许转载哦,请使用超链接. 来博客园已经有些日子了,博客早就申请了下来,在后台偶然看到了可以 ...
- 搭建hexo博客修改设置网页图标icon失败的解决方法
问题描述 基于hexo新搭建好的个人博客想更换网页图标的icon 期望达到的效果 更换前: 更换后: 背景 我用的chrome浏览器,使用的是yilia主题,参考 前端 | hexo+yilia博客主 ...
- 2020-04-19-如何在博客中添加视频链接
layout title subtitle date author preview-img header-img catalog istop music-id music-idfull apserve ...
- 学生网页设计与制作成品 HTML5+CSS大作业——黑色主题个人博客(5页) 网页设计期末作业个人主页
HTML5+CSS大作业--黑色主题个人博客(5页) 网页设计期末作业个人主页 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. ...
- 友情链接在html中怎么写,怎样在博客文章中做链接及友情链接
怎样在博客文章中做链接及友情链接 一."友情链接法 "链接博客(包括文章.网页等www.holidays5.com) 1.登录新浪博客后,点击"模块" 2.点& ...
- 2015-2016-2 《Java程序设计》 学生博客及Git@OSC 链接
2015-2016-2 <Java程序设计> 学生博客及Git@OSC 链接 博客 1451 20145101王闰开 20145102周正一 20145103冯文华 20145104张家明 ...
- 2016-2017-1 《信息安全系统设计基础》 学生博客及Git@OSC 链接
2016-2017-1 <信息安全系统设计基础> 学生博客及Git@OSC 链接 博客 1452 20145201李子璇 20145202马 超 20145203盖泽双 20145204张 ...
- 博客SEO文字转链接工具
简介: 博客SEO文字转链接工具可以帮助用户将纯文本形式存在的文字转换成真正的超级链接,还支持批量处理功能,而且操作方法非常简单,新手用户也能很快上手,一键即可完成,同时软件也可以一键生成语音,提取直 ...
- HTML5+CSS大作业——黑色主题个人博客(5页) 网页设计期末作业个人主页
HTML5+CSS大作业--黑色主题个人博客(5页) 网页设计期末作业个人主页 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. 宠物. 电器. 茶叶. 家居. 酒店. 舞蹈. ...
最新文章
- JDK、JRE、JVM三者间的关系(有图)
- python划分数据集_Python数据集切分实例
- PM2.5检测 -- PMS7003 串口测试
- matlab 计算误码率,关于误码率的问题 急!!!!!
- Python-OpenCV快速教程
- pat甲级什么水平_转让河北工程设计建筑行业(建筑工程)甲级资质
- 设计模式(十)——代理模式
- PyTorch学习—16.PyTorch中hook函数
- 动态二级下拉菜单html,jquery实现漂亮的二级下拉菜单代码
- 来把三子棋吗?创建属于你的三子棋。
- 植物识别小系统:“ 花草树木 皆有名“一热爱自然,从认识自然开始 ~
- SPU、SKU、SKC、ARPU是什么
- python图像融合算法_图像融合质量评价方法的python代码实现——MS-SSIM
- 超级详细Ubuntu20.04.5系统下编译安装OpenCV with ffmpeg4.2.7、NVIDIA显卡驱动515、cuda11.5、cudnn8.3.3并编译使用darknet-yolov4
- Game Maker 基金会呈献:归属之谷
- 7.6 曲面及其方程
- java中sql查重跟去重_sql中查重和去重
- CVE-2020-3535:Cisco Webex Teams windows客户端dll劫持漏洞分析
- 424、电梯监控无线桥解决方案及注意事项
- Blender 免费展UV利器-UVPacker
热门文章
- 【已解决】win10 系统 thinkpad X1 carbon windows hello人脸识别不可用
- EFCore-6 反向工程
- MongoDB备份/恢复/导入/导出/条件导出/格式化导出
- flutter iOS 打包问题
- 携手航天·追求卓越|诚邀优秀企业加入航天采购平台供应商库
- VC宏定义 及常用宏定义说明
- 朝花夕拾 - 2023 精神错乱记录
- Arduino ESP32通过PWM控制无源蜂鸣器
- 初二因式分解奥数竞赛题_初中数学培优 七年级下 第九讲 因式分解的应用 许多竞赛题讲解...
- 数据结构:图:AOV网和AOE网