回到首页
订阅Luke瞎折腾
找资源前务必先看这里!!
Blogger技巧
免费空间推荐
Luke的网络收藏夹
Luke的网络硬盘
控制台
新建日志

2008/12/26

为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'/>


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

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


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

收藏本文
相关文章:

11 评论:

吴怀唐 说... 回复此评论

博主你好啊
你的博客很强大
很想向你学点东西,方便的还请赐教
要不你加我qq334094974

Luke 说... 回复此评论

@吴怀唐我平时都在寝室,所以QQ和MSN都几乎不上,要联系我的话还是留言或者发邮件吧,我一般周末能回复。
Email: lukeatblogger#gmail.com

mulunbo 说... 回复此评论

哈。。blogger是可以帖HTML代码的。
换成这样就可以
&lt;link href='图标地址' rel='shortcut icon'/&gt;

mulunbo 说... 回复此评论

申请友情。

Luke 说... 回复此评论

@mulunbo呵呵,只是我刚用Blogger的时候发的贴,那时还不知道能用<来代替他呢,后来知道了就都直接贴代码了。

请留下你的网站名称和地址,我加到友链里面去:)

mulunbo 说... 回复此评论

@Luke博客名字就是mulunbo,链接
http://blog.mulunbo.net.ru/

Luke 说... 回复此评论

@mulunbo不好意思,这两天我的Gmail有问题,收不到回复的通知邮件,所以加晚了。

匿名 说... 回复此评论

我按照你上面的设置了,可是好像刚开始加载显示了几秒又被原来的替代了。怎么回事?是不是现在BLOGGER不给改了?

Luke 说... 回复此评论

@blog我在另外一个Blogger上试了遍,发现没有任何问题(FireFox2)

你说的被“代替了”是值被什么图标代替了?Blogger的图标?

Luke 说... 回复此评论

@blog另外,我访问了你的博客,发现图标很正常:)

gov 说... 回复此评论

@mulunbo哇塞你好强大

发表评论

有问题请留言,Luke帮你解决。问了方便回答,请尽量不要匿名。