博客园自定义地址栏logo

Posted luoyan01

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了博客园自定义地址栏logo相关的知识,希望对你有一定的参考价值。

自定义博客园地址栏logo

一、首先自己需要下载一个logo图片,png、jpg格式的都可以 。挑选自己喜欢的图片就可以。

二、然后制作成icon图标  在线制作icon图标网站:http://www.bitbug.net/

技术分享图片

 

三、上传至博客园文件中

技术分享图片

四、将以下代码复制到页脚html

<script type="text/javascript" language="javascript">
  //Setting ico for cnblogs
  var linkObject = document.createElement(‘link‘);
  linkObject.rel = "shortcut icon";
  linkObject.href = "https://files.cnblogs.com/files/luoyan01/1.ico";
  document.getElementsByTagName("head")[0].appendChild(linkObject);
</script>

技术分享图片

 

五、点击查看自己美美的地址栏logo吧

以上是关于博客园自定义地址栏logo的主要内容,如果未能解决你的问题,请参考以下文章

博客美化04.自定义地址栏logo

全网最全的博客美化系列教程08.自定义地址栏Logo

博客园自定义鼠标点击特效

博客园自定义目录

博客园自定义博客签名

博客园自定义