码迷,mamicode.com
首页 > Web开发 > 详细

自制博客侧边栏公告网页链接“图标 ”

时间:2017-06-16 13:25:58      阅读:170      评论:0      收藏:0      [点我收藏+]

标签:插入   style   code   自己   class   com   链接   targe   效果   

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>&nbsp;&nbsp;
<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>&nbsp;&nbsp;
<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/

 

自制博客侧边栏公告网页链接“图标 ”

标签:插入   style   code   自己   class   com   链接   targe   效果   

原文地址:http://www.cnblogs.com/lj-cn/p/7022938.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!