动手改掉博客园博客中浏览器标签中的小图标

fvicon in cnblog

方法很简单：用JS向HTML中<head></head>添加一行类似这样的代码：

<link rel="shortcut icon" type="image/x-icon" href="images/favicon.png"  />

但是我们不可能改动到博客园中的HTML文档的，幸好cnblog的后台管理允许我们CSS定制自己的样式和添加“页首/脚Html代码”。于是我们可以在后台管理-设置中的“页首Html代码”框用JS写入代码：

1 <script type="text/javascript">
2   var head = document.getElementsByTagName('head')[0],
3   linkTag = document.createElement('link');
4   linkTag.href="http://images.cnblogs.com/cnblogs_com/hewenwei/535253/o_favicon.png";
5   linkTag.setAttribute('rel','shortcut icon');
6   linkTag.setAttribute('type','image/x-icon');
7   head.appendChild(linkTag); 
8 </script>

这里，我的 o_favicon.png 已经上传到博客园中的相册中，再作此用的。

 

posted @ 2014-09-14 21:46  hewenwei  阅读(227)  评论(0)  编辑  收藏  举报