为Blogger添加自己的图标

效果么,就是浏览器的地址栏最前面会显示你自己的图标,比如这个BLOG.

下面是步骤:

1.登陆 http://www.favicon.cc/
按IMPORT导入一个自己喜欢的图片(当然美术功底好的也可以自己画一个)
全部ok以后就 在Preview栏里按Download下载图标,暂时保存在自己的电脑上(favicon.ico).


2.登陆 http://skydrive.live.com/
这是一个微软提供的网络硬盘,可以外链自己上传的文件
用自己的HOTMAIL帐户登陆进去吧(这账号应该人人都有吧,没就注册一个)
将之前制作的图标文件上传到名为"公共"的文件夹中(一定要在这个文件夹里别人才能看到!)
然后右键这个文件在属性中获得图标的网络地址(xxxxxxxx.favicon.ico)


*要知道地址是否获得正确只要在浏览器的地址栏中直接粘贴得到的图标地址,能看到图标就说明获得的图标地址是正确的
实例:

http://d8flrg.bay.livefilestore.com/y1pNs7G6W4I/favicon.ico

**该步获得的地址和上例类似,只是d8flrg可能是其他数字字母,y1pNs7G6W4I可能是其他数字字母且长很多.


3.在Blogger后台的设置中依次进入 "布局"-"修改 HTML"


4.先备份一下自己原先的模板(点"下载完整模板")以防不测!
查找

title

作为关键字

然后在它上面一行加入:

#link href='图标地址' rel='shortcut icon'/#

将前后的##依次替换为<和> (Blogger不支持显示html代码- =)

*其中的图标地址替换为第2步得到的图标地址(不要去掉图标地址前后的' '符号!)

实例:
划蓝线的是查找到的用于定位的代码,划红线的是要添加的代码


5.保存模板,查看效果,小功告成.

收藏本文