【博客美化】自定义地址栏logo

自定义地址栏logo

 打开博客时，浏览器地址栏显示的logo设置，位置如下图所示：

1.首先得准备一个icon类型的文件

方法一：我们可以在线制作一个icon图标

打开这个网站：在线ico图标制作，然后上传自己的图片（jpg,png），就可以download一个icon图标了。

如下图所示：

方法二：在线下载一个icon图标

打开这个网站，图标下载,ICON(PNG/ICO/ICNS)图标搜索下载，搜索想要的图标，然后下载图标。

2.上传自己的ICON图标

进入自己的博客后台管理->文件->选择文件->上传，然后点击已上传的文件，拷贝这个文件的网络地址，这个网络地址在第三步会用到。

 

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的网络地址。

保存设置后，刷新页面，就会看到地址栏的图标变了：