最近读了一片文章关于怎样更换Blogger的Favicon, Favicon就是指显示在浏览器地址栏和收藏夹网站名字前面的那个图标。
Favicon 是一棵树
原来很简单, 以前还以为需要用到.ico 格式的图片, 所以就比较麻烦, 但其实是不需要的。首先是准备一张你想用它为fav icon的图。通常的尺寸为 16 x 16px。可用Photoshop进行编辑然后转存为*.jpeg/ *.png格式。
惯例的找一个可以host图片的网站, 直接upload在blogger然后copy图片的url也可以！之后就到Blogger的design -> Edit HTML, 在Edit Template的XHTML code 里面找到这个地方.....
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
******************blablabla
***********************************blablabla
****************************blablabla
**************************************************
**********blablabla
这个地方！！在 </head>的之前
</head>
加入这一行, 换上URL就可以了
<link href='http://yourpictureurl.png' rel='shortcut icon'/>
不过会有一个问题就是这个favicon会用几天的时间才呈现, 不过也有的case是一放就出现了, 选择图片的时候发现原来要选一个有意思并能代表自己部落格的图片还真的是有难度, 要个性化也很难个性化起来XD
刚刚提到的.ico format图片原来是当要更换windows icon的时候才需要用到, Windows只support .ico格式的图片。像一般的换图片方式, 鼠标指向文件夹然后right click -> properties -> Customise -> Change Icon -> Browse
用处好像不大呢, 通常用于改变文件夹正经的样貌吧, 就比如说如果文件夹里装的是鸽子的照片你就可以换上鸽子的图案~
一般上Photoshop是不能用于转存去 .ico格式的, 不过如果加了一个ICON Format的添加文件在C:\Program Files\Adobe\Adobe Photoshop CS3\Plug-Ins\File Formats folder 就可以了, 通常windows icon使用的尺寸为 32 x 32px, 64 x 64px,视电脑银幕的解析度而定。
该文件可以在这里使用讯雷下载:
5 comments:
我也要換一個，謝謝這個用心的教學咯！
快去换! 不要给我猜中是一个笑脸啊!
etheng: 想问我放的那个资源可以下载得到吗?
錯！你猜錯了！是一個比peace的笨蛋圖片！=P
我還沒下載那個也，等我試了再跟你說。
etheng: 好的好的!
Post a Comment