关键词:
有没有发现大多数的博客园标签右上角都是一个小矿工,千篇一律没有什么特色,想不想设置一个像我一样的个性化icon图标呢?
按照以下四步你也可以实现自定义标签图标。
From To
第一步:挑挑拣拣
选一张icon图标(尺寸不要太大)不然加载会很慢
如果找到一个很满意的图片但是很大,那么到这里https://tinypng.com/ 压缩图片。
第二步:传文件
在博客园的设置界面选择文件,将你喜欢的图片上传上来
第三步:写代码
在设置中的页脚Html代码中插入以下script脚本
代码如下,记得将你自己的图片地址替换到linkObject.href中
<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/lingyejun/yanzi.ico"; document.getElementsByTagName("head")[0].appendChild(linkObject); </script>
第四步:刷新检验
保存——重新进入你的博客首页——发现大功告成,新的icon图标已经生效了。
最后一步
如果文章对各位兄弟姐妹有所帮助,还请给我点个赞 转:http://www.cnblogs.com/ECJTUACM-873284962/p/7628894.html#_nav_0Angel_Kitty的原创博文①拥有自己的CSS代码②修改鼠标图案③公告栏的设置关于背景音乐④关于CSS动画特效⑤用Canvas和requestAnimFrame做动画特效 查看详情 自定义博客园地址栏logo一、首先自己需要下载一个logo图片,png、jpg格式的都可以。挑选自己喜欢的图片就可以。二、然后制作成icon图标 在线制作icon图标网站:http://www.bitbug.net/ 三、上传至博客园文件中四、将以下代码... 查看详情 ...码<divclass="main-top"> <aclass="avatar"href="https://home.cnblogs.com/u/gaosirs/"> <imgsrc="https://avatar-static.segmentfault.com/209/655/2096555534-5c10b9098455a_huge256"alt="240"> </a> <divclass="title"> <aclass="name"href="h... 查看详情 我现在的博客园首页暂时应该是一个女生背景,一些星星的悬浮飘扬那么我们怎么来设置博客园的自定义的样式,而不是不个性的默认界面呢?第一步:进入你的首页,打开管理=>设置第二步:我在博客皮肤中选择了SimpleMemory... 查看详情 ...个人blog页面效果时遇到的技巧及方法等。基本流程设定博客皮肤为BluSky定制首页代码:引入外部CSS页顶博主名字及副标题在首页html内输入以下代码可添加博主名到页面顶端,也可添加副标题:<headerclass="main-header"id=&quo... 查看详情 关于如何自定义博客园界面的文章记录博客园美化教程大集合----极致个性化你的专属博客(超详细,看这篇就够了)博客园cnblogs:自定义页面风格博客园自定义样式 查看详情 *{margin:0;padding:0;}ul{list-style-type:none;}ul::after{content:‘‘;display:block;clear:both;}a,a:link,a:visited,a:hover,a:active{color:black;text-decoration:none;}#blogTitle,#blog-calendar,#blogCalen 查看详情 1.博客公告栏中显示时间如图所示。2.在我的博客页面点击管理按钮。3.在管理界面中点击设置按钮。4.在设置界面中找到下图红色区域,把相应的代码加入其中即可。5.各种时间显示代码小人时间a.背景透明版本<scriptcharset="Shift... 查看详情 最近好多人问我博客的页面设计模版,时间挺紧张的,赶着搞策划和学习。。。趁着现在放假写写吧~~~全部过程都是在“管理->设置”中完成的,博客皮肤推荐使用SimpleMemory,可以自适应,方便我们进行页面CSS定制论如... 查看详情 需要申请JS权限,JS权限申请通过之后,将如下代码放入侧边栏,页首,页末,都可以复制如下代码<scripttype="text/javascript">/*鼠标特效*/vara_idx=0;jQuery(document).ready(function($)$("body").click(function(e)vara=newArray("?Linux?","?Shell?","? 查看详情 前言在之前所写过的博客园自定义页面风格设计篇中,我们已经说明了其中两种风格的页面设计,鼠标图案的修改,公告栏的设置,背景音乐的制作,关于CSS以及用Canvas和requestAnimFrame做动画特效,在本文中我们将教大家制作当... 查看详情 ...的方法在这里记录了下。皮肤连接:https://github.com/BNDong/Cnblogs-Theme-SimpleMemory/tree/v1.1.9F12查看元素,就可以看到css样式的标签,在这里调试好后,拷贝出来就可以了。关于css和js的压缩工具网址:http://tool.chinaz.com/ 查看详情 1、实现标签小图标<linkrel="Bookmark"type="image/x-icon"href="https://blog-static.cnblogs.com/files/yukarin/yukarin5.ico"/><linkrel="icon"type="image/x-icon"href="https://blog-static.cnblogs.com/files 查看详情 1.将css文件上传到博客园http://files.cnblogs.com/files/chucklu/SimpleMemory.css 2.设置里面调整2.1博客皮肤设置为Custom2.2页面定制css代码@importurl("http://files.cnblogs.com/files/chucklu/SimpleMemory.css");<styletype 查看详情 1.向博客园申请js权限 我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限。【博客园】->【设置】->【博客设置】,点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷... 查看详情 1.向博客园申请js权限 我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限。【博客园】->【设置】->【博客设置】,点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷... 查看详情 1.向博客园申请JS权限我们需要进入博客园自定义博客模板的页面,向博客园管理团队申请页面运行js的权限。【博客园】->【设置】->【博客设置】,点击页面上的js权限申请,然后填写申请的理由,耐心等几分钟,再刷新一... 查看详情 先看整体效果 要实现这个背景效果的代码<scriptsrc="https://files.cnblogs.com/files/siwuxie095/canvas-nest.min.js"></script><canvasid="c_n9"width="1920"height="990"style="position:fixed;top:0px;l 查看详情 博客园自定义页面风格设计
博客园自定义地址栏logo
博客园自定义样式编辑(代码片段)
博客园自定义样式(代码片段)
博客园自定义主题样式(代码片段)
记录帖如何自定义博客园界面
博客园自定义css代码
博客园自定义公告显示代码
博客园自定义页面风格设计
博客园自定义鼠标点击特效(代码片段)
博客园自定义页面风格设计后续篇(页面设计模式及代码高亮鼠标点击效果升级)(代码片段)
修改博客园css样式
博客前端其他杂项
自定义博客样式
如何设置博客园好看的标题样式
如何设置博客园好看的标题样式(代码片段)
如何设置博客园好看的标题样式(代码片段)
博客园背景样式修改