zoukankan      html  css  js  c++  java
  • 【Blog怎么玩】如何修改博客地址栏logo—怎样查找和制作ico文件

    前言:

    当我们打开我们自己的博客的时候,比如用谷歌浏览器打开:

    显示的图标为博客园的默认图标

    那么怎么改成自定义的logo呢???怎么修改博客地址栏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过来的,在这感谢头头哥。

  • 相关阅读:
    Lock和synchronized的区别和使用(转发)
    redis集群配置
    分布式之redis(转发)
    拉格朗日乘法与KKT条件
    骨骼动画原理
    常用非线性优化算法总结
    广义线性回归模型(三)
    线性模型、最优化方法(二)
    矩阵微分基础(一)
    OpenGL坐标系统
  • 原文地址:https://www.cnblogs.com/guoxinyu/p/how-to-play-blog2.html
Copyright © 2011-2022 走看看