【博客美化】04.自定义地址栏logo
来源:互联网 发布:st联盟软件下载 编辑:程序博客网 时间:2024/06/03 19:44
阅读目录
- 博客园美化相关文章目录:
- 前言:
- 1.首先得准备一个icon类型的文件
- 2.上传自己的ICON图标
- 3.添加脚本文件
博客园美化相关文章目录:
【博客美化】01.推荐和反对炫酷样式
【博客美化】02.公告栏显示个性化时间
【博客美化】03.分享按钮
【博客美化】04.自定义地址栏logo
【博客美化】05.添加GitHub链接
【博客美化】06.添加QQ交谈链接
【博客美化】07.添加打赏按钮
【博客美化】08.添加"扩大/缩小浏览区域大小" 按钮
前言:
当我们打开我们自己的博客的时候,比如用谷歌浏览器打开:
显示的图标为博客园的默认图标
那么怎么改成自定义的logo呢???
1.首先得准备一个icon类型的文件
方法一:我们可以在线制作一个icon图标
打开这个网站:在线ico图标制作,然后上传自己的图片(jpg,png),就可以download一个icon图标了。
如下图所示:
方法二:在线下载一个icon图标
打开这个网站,图标下载,ICON(PNG/ICO/ICNS)图标搜索下载,搜索想要的图标,然后下载图标。
2.上传自己的ICON图标
进入自己的博客后台管理->文件->选择文件->上传,然后点击已上传的文件,copy这个文件的网络地址,这个网络地址在第三步会用到。
3.添加脚本文件
进入自己的博客园->设置,将以下JavaScript代码添加到“页脚Html代码”
<script type="text/javascript" language="javascript"> //Setting ico for cnblogs var linkObject = document.createElement('link'); linkObject.rel = "shortcut icon"; linkObject.href = "icon的网络路径"; document.getElementsByTagName("head")[0].appendChild(linkObject);</script>
将上面icon的网络路径替换为自己的上传的icon的网络地址。
保存设置后,刷新页面,就会看到地址栏的图标变了:
小伙伴们,新技能get了吗?赶快去试下吧!顺手点个赞哦! 【点我推荐】
还有一件事,直接在页首HTML代码中添加下面这段代码不能成功
<link rel="shortcut icon" href="icon网络地址" />
所以我用了之前的JavaScript,这段JavaScript脚本我是查看头头哥博客的网页源代码copy过来的,在这感谢头头哥。
作 者: Jackson0714
出 处:http://www.cnblogs.com/jackson0714/
关于作者:专注于微软平台的项目开发。如有问题或建议,请多多赐教!
版权声明:本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文链接。
特此声明:所有评论和私信都会在第一时间回复。也欢迎园子的大大们指正错误,共同进步。或者直接私信我
声援博主:如果您觉得文章对您有帮助,可以点击文章右下角【推荐】一下。您的鼓励是作者坚持原创和持续写作的最大动力!
- 【博客美化】04.自定义地址栏logo
- 地址栏上的LOGO
- 自定义css样式美化博客园
- 地址栏上的LOGO(转贴)
- 在地址栏里显示logo
- 更改网站地址栏的logo
- (转)地址栏上的LOGO
- 博客美化
- 怎么样把网站logo写入到地址栏
- jsp设置地址栏小logo的方法
- 怎么在地址栏显示公司的logo
- 【整理】HTML5中为地址栏添加Logo
- 自定义IE地址栏图标
- 自定义网站地址栏图标
- 自定义IE地址栏图标
- 自定义地址栏协议
- 自定义IE地址栏图标
- 美化博客样式
- 自定义MVC升级版
- JSON
- 详解SQL集合运算
- 玲珑学院OJ 1126
- Python 读取csv的某行
- 【博客美化】04.自定义地址栏logo
- 基础很重要~~04.表表达式
- 项目中遇到的扩展方法
- Python特性(十一):生成器对象的close方法
- 游戏服务器网关设计
- oracle常用的修改表信息及其获取系统日期时间的sql语句
- SDUT-数据结构实验之求二叉树后序遍历和层次遍历
- 耦合和解耦的概念解析!
- OKhttp