Sweet Love

Sweet Love
Wednesday, April 13, 2011

[丽奈の教学] 如何更改网页的 Favicon

备注:这篇其实是要写给糖果的,请接收,谢谢。

什么是Favicon? 其实Favicon这个字,是由Favorite Icon的缩写,也就是我们的浏览器地址栏左侧的那个小图标。


记得刚写部落格的时候,我就花了不久的时间在HTML上,然后才开始我的部落格设计。虽然说是引用别人的Template来删改,可是对于那个不会用Photoshop的人来说,可以算是不错了啦。如果我那么行的话,这世界上就不用设计师了,你说是不是嘞~xD

所以说,如果你觉得Blogspot的橙橙色图标有所不满的话,我现在就教你怎样拿掉,然后换上美美的小图标 =)

♥ ♥♥ ♥♥ ♥♥ ♥♥ ♥♥ ♥♥ ♥♥ ♥♥ 我是无辜分割线 ♥♥ ♥♥ ♥♥ ♥♥ ♥♥ ♥♥ ♥♥ ♥♥ ♥

首先,第一步要做的当然是找一张美美的图片来代替现在的,记得图片不可以太大张,而且图案不可以太复杂。因为Favicon的尺寸很小,如果太复杂的话,图案会看不清楚。

 (就这样简简单单的就好了)

然后到这个 DynamicDrive 网站把图片转成 .ICO 的格式。
(Choose File -> Create Icon -> Download FavIcon)



再把已经转成.ICO 的图片上传到 PicPanda
(Choose File -> Upload)



抄下第四行的字,可以看到下面的代号,其实我们只需要红色字那一句就好了。

<a href="http://www.picpanda.com/"><img alt="PicPanda.com" border="0" src="http://www.picpanda.com/images/3ikswwj6k3dzokanlv7.ico" /></a>

接下来,到你的部落格Dashboard->Design->Edit HTML,
按Ctrl+F寻找 </head>

然后将以下的代号放在</head>的上面就可以了。
<link href='把刚才红色的字抄进来' rel='icon' type='image/gif'/>

就像这样




恭喜你完成了,重新Refresh一下网页,看看有没有出现吧


备注:不是全部Browser都可以看到自己私自换的Favicon,如果不能的话就用Chrome吧,我都是用这个的 =)

1 comment:

  1. 最后一句好, “就用Chrome” 哈。
    IE 9 出来了。 虽然所Chrome 好,但还是得给其他竞争者机会,要不然,Chrome 会自大的。

    现阶段,IE9 还是输了点,在Resource (Memory) 和 Speed.
    我喜欢又小又快的apps. (试一试 WLM 2011 吧,你就知道什么叫又大又笨重。)

    继续chrome 吧。 等IE 10, 再看。 IE 10 Beta 出了。

    ReplyDelete