星期日, 十二月 21, 2008

更改blogpsot的favicon

今天突然想对我的blog动动手术,结果做了一个新banner,为了配合banner,决定更换favicon。

首先,什么是favicon?
这也许是你的第一个问题,其实favicon是个很小的细节,注意下你浏览器地址栏(就是你写网址的地方)在网址前面会有一个小图标,那个就是favicon。

为什么更换自己的favicon?
这也许是你的第二个问题。好处有很多,首先是个性问题,其次你可以炫耀一番,最大的好处就是在别人的收藏夹中,你的favicon会使你的blog很显眼。

怎么制作favicon?
其实favicon就是普通的ico格式文件。可以使用别人制作的ico文件作为你的favicon,也可以到http://www.favicon.cc/自己DIY一个favicon。

我的favicon应该放在哪?
放在网站的根目录下,命名为favicon.ico就会被浏览器自动识别了。但是这里,由于blogspot是不允许直接向服务器上传文件的,我们就要想别的办法了。

您需要找一个能存放文件的服务器把您的favicon放在那里,然后在blogspot的布局->修改模板HTML中的一堆代码中,找到一个< head >标签,后面加入:
< link href="%27%E6%82%A8%E5%AD%98%E6%94%BEfavicon%E7%9A%84%E5%9C%B0%E5%9D%80%27" rel="'icon'" type="'image/x-icon'/" >

如果您使用了上面提到的http://www.favicon.cc/创建自己的favicon,那么您可以选择您刚刚创建的icon。接着点击publish under a open license,给您的icon起个名字,确定后下面就出现了How to add the favicon to your page ?。复制第二个文本框中的代码,类似:
< href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAYAAABPYyMiAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAACCElEQVRIx91UMUvrYBQ9t4kmtpRIo+JS1Ip20cXNTacOTi7+ABXF/+Dmn2jatIg4+QNc3ERcVBAjZLCClNpWB620aSNJvvsGec+hlJY8Jw982+Wec+45fMBvxcPD4eHyMnO/uUhYglKpWFxd7U2QSrnuzQ0QBNfX+/u95yisgErl5CSTYVbVZtOyANuORjc2gGTScS4vgakpIa6ugCAQYmgIaLUikUQCGB3d2anXifoKqFZNc2mJWdOEeHoCJAlwXaBSkeXFRWB62vNub4FGQ5Z1HRgb29qqVok+PkwzmWR+e2OORgEhJGl8HJid3dy8uKD+hoUwDCLmet005+eZme/u9vaYg8AwJKn7lPf3xeLKSv+sB4bvG8bw8PdCyzo+zmSYHSefj8V6Ewlxfr62xtxu53KqylyrFQrpdIgSMn+9er1QmJlhnptrtc7OAM9jVtXuBZ1OLhePMzPb9ukpMDLi+64L2LZtl8v9DYcuoedls7EYsyQRtdtAswlMTACatrv78jJA1j+FZjOf1/Uf7MCgeH01zVTq/4lDf0SJRBAMkvFfCGFZBwfdgkNn9fmZzcbjzLWaoiwsAETRqKYBRJ6nKF8z7TagKJ3O8zOgaUFQKgGOI8uTk4Cub2+Xy0RyWAGPj7q+vg6k0+/vR0cAUaPxzxUBzMzMABEREeD7kYgsfxOH5f19+AO2dAFMTmsHFQAAAABJRU5ErkJggg==" rel="icon" type="image/x-icon">
还是放在
< head >标签中对应的位置。

==========大功告成的分割线
==========

没错,大功告成了!Yeah!
如果有你favicon的截图,发上来show一下吧!

没有评论: