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

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/

时间: 2024-10-26 21:07:12

自制博客侧边栏公告网页链接“图标 ”的相关文章

页面定制CSS代码-博客侧边栏公告-页首Html代码-页脚Html代码

设置代码前说明:首先你得选用博客皮肤darkgreentrip,否则会出错 页面定制CSS代码: 说明:标注颜色位置可自行修改,第12行设置主页底层图片,可自行修改 #home { margin: 0 auto; width: 80%;/*原始65*/ min-width: 980px;/*页面顶部的宽度*/ background-color: rgba(245, 245, 245, 0.7); padding: 30px; margin-top: 50px; margin-bottom: 50

代码备份 | 博客侧边栏公告(支持HTML代码)(支持JS代码)

博客侧边栏公告(支持HTML代码)(支持JS代码) <div id='btnList'> <a class="ivu-btn ivu-btn-primary" href="https://cn.vuejs.org/v2/api/" target="_blank">Vue</a> <a class="ivu-btn ivu-btn-primary" href="https://

博客侧边栏公告html代码

<embed width="180" height="180" align="middle" wmode="transparent" quality="high" src="http://images.cnblogs.com/cnblogs_com/csharp/clock.swf" pluginspage="http://www.macromedia.com/go/ge

SEO博客优化关于友情链接优化窍门

注册域名的时分挑选跟自个做的博客有关,不论你是做自个仍是做区域SEO,首先得有关,为何首先说这个,也是我自个博客最大的缺陷,当初做博客的时分,彻底没有考虑到域名有关性,仅仅单纯的注册了自个的名字加上自个的出世月日.我所说的并不是单纯的用户体会,所谓的用户体会即是站在用户视点去看待自个的网站,前面说过,博客不要为了排行而去硬写用户看不懂的文章,不论你是不是做SEO博客,或许其他博客,最佳有可读性,因为一旦有用户进入你博客,我信赖他是有意向才进的,这个时分假如你写的文章跟你标题或许描绘不太有关,用户

博客侧边栏——装饰

设置方法,进入博客园后台,选择设置界面,在侧边栏下粘贴喜欢的装饰下的代码(需要支持html,js). 来自:   http://abowman.com/ <object type="application/x-shockwave-flash" style="outline:none;" data="http://cdn.abowman.com/widgets/hamster/hamster.swf?" width="300&quo

博客迁移公告

叮~ 为了更好的阅读体验和更快的打开速度,博主将陆续把博客从博客园迁移到个人博客上 [博客园仍会同步保持更新],不过想要获得最佳体验还请前往个人博客 预告 准备进行第二版的自定义样式改造啦-,欢迎来提 issue pr 更好,嘿嘿 目前想法是: 优化首页显示效果 优化标题栏排版(其实我自己要进管理页面都不方便...) 将可配置的提取出来(链接,图片地址,标题栏),致力于开箱及用 更换其他主题(这个主题markdown有点问题... 详见github) 增加尾部(是的,原本设计是有尾部的...)

Django 写博客1. 一个网页,两个form,分别提交

Django新手,目前断断续续学了一个月Django,开始写个博客 Python 2.7.11  Django 1.10.2  Bootstrap 3.3.0   IDE:eclipse Pydev models # 用户 class User(models.Model): username = models.CharField(max_length=50, unique=True) email = models.EmailField(unique=True) password = models

利用MetaWeblog API 自制博客发布小工具

博客园提供了诸多数据接口, 利用这些接口可以很容易的实现博客的发布,修改,删除等 1.需要引用一个DLL:为CookComputing.XmlRpcV2 2.新建一个类,在其中是一些要实现的东西,如: 3.调用这些接口发布一篇简单的博客,其中的URL应该是你的博客设置里的 在下方的账号与密码处填上你的账号与密码 4.查看结果

博客搬家公告

近日Luogu开通了博客功能.由于我此前写的博客中无论是解题报告还是学习笔记都以Luogu上的题作为例题(部分模拟赛题解除外),所以决定把博客搬迁到Luogu上,方便阅读(虽然觉得这样流量大概会更少了--)由于开始使用markdown的时间较晚,加之处于退役期,整个搬迁过程大概会持续很长时间.