给blogger添加个性地址栏标识
blogger.com是很受欢迎的网站,很多人使用它来写博客。
也许你已经注意到几乎blogger.com上的每个博客都拥有相同的地址栏标识。(正如此篇文章所展示的)
给你的blogger安装地址栏标识并不难,就像玩个小把戏(tricky).说小把戏是因为你没有文件的直接入口。
有许多的网站提供大量的好方法来完成这一任务,他们的方法是使用google pages来托管favicon。不幸的是google决定逐步淘汰google page,并且不在接受新的注册。google用google sites来代替google page. 这就使得许多方法对某些人作废,幸运的是你来对了地方。我将带着你通过google新的服务走过托管favicon.ico文件的过程。
记得这段代码吗?
— — — — — Start Code Example — — — — — –
<link rel=”icon” href=”http://yourwebsite/favicon.ico” type=”image/x-icon” /> <link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon” />
— — — — — End Code Example — — — — — —
请注意红色部分,它事实上是使用href=代码的网络地址。当然favicon.ico文件必须在你的服务器上,但这并不绝对。href=可以指向任何地点的任何服务器。这是配置标识的第一步。
因为blogger.com不允许你在服务器上贮存文件,你需要在网上的其它地方保存标识文件,并且指向它。有许多办法可以完成这一步,但是最简单的方法就在手边。因为你是用blogger.com,所以你已经拥有google服务的通行证。
使用Google Site-
正如先前提到的你已不能注册google page. 我甚至试着上传我的标识文件到那儿,但这对我不管用。所以就用Google Sites!你的第一步是注册,得到你的站点。你将使用这个站点来保存你的标识文件。
提醒···这个Google Sites的目的是提供一个保存标识文件的地方。
登陆你的Google Sites账户后,你需要创建一个新的site.点击创建新站点的按钮。做完这些后,下面必需的步骤是得到站点名称,所有其他的都是可选择的。当你输入站点名称时,注意下下面生成的网站地址,你需要准确地记住地址,因为这是你上传标识文件的地址。
地址看起来应该是这样的: http://sites.google.com/site/YOURSITE
输完反垃圾验证码后点击生成站点的按钮就做成这一部分啦!
现在你在你的Google site的首页。我们需要做的唯一一件事就是上传标识文件(favicon.ico file). 点击附件,你将看到一个浏览本地文件的按钮。就要看到成功上传的文件啦。当你的文件已经托管好后,你需要搞清楚文件的路径。Google Sites在路径中放置了一个/home/,因此要注意。我发现甚至可以在浏览器的地址栏里输入完整地址来测试。
请牢记:你的标识文件地址应该是:http://sites.google.com/site/YOURSITE/Home/favicon.ico
回到你的blogger.com账户-
现在回到blogger.com,登陆。在布局下点击修改html.
接下来你需要在代码窗口中找出</head>标签。这是header的结束标签,你要把滚动条拖到下部来找。在</head>的前面插入下面的标签。
<link href=’http://sites.google.com/site/YOURSITE/Home/favicon.ico’ rel=’shortcut icon’/>
<link href=’http://sites.google.com/site/YOURSITE/Home/favicon.ico’ rel=’icon’/>
记得把"YOURSITE"改为你在Google Sites上注册时所看到的
最重要的是你必须把代码放置在</head>的正前方。先前的一些教程说可以放置在开头,但这已经不管用了,因为blogger.com更改了页眉的代码格式来放置他们自己的网站标识。你放置代码于最末端,那么progrem看到的最后一个是你的标识代码,然后指向你的标识文件。
最后点击保存,就做成了!记得看看FaviconBlog.com的其它教程,你的个性标识也许不会立刻显示,可能需要刷新你的浏览器或者清除记录直至它出现。千万要记得,如果你更换模板的话,就需要重新插入标识代码。如果你想换一个标识的话,就删除原来的文件再重新上传一个到Google Site(blogger的模板就没有必要改了)
注意:一些人使用.png或者.jpg的文件。我已经发现这并不是毫无疑问的最棒的,有时它确实很好,但有时却不是。我听报道说最新版的IE浏览器只能识别.ico的文件。因此为了保险,我坚持建议使用老式的favicon.ico的文件。如果你的文件是png格式的,你可以把它重命名为ico格式的。
小结-
这篇文章讨论的是如何指向位于你的服务器外部的.ico文件。我们使用Google Site来保存标识文件。最终在blogger.com的模板中插入正确的代码来指向你的标识文件。
我希望你能发现这篇有用的教程,这个方法有效吗,请反馈你的信息,或者留些建议。现在就到Favicon Generator制作属于你自己的个性标志吧!
-Loren
P.S.为了证明我做了这篇指导中的所有工作,并且它确实有效,你可以在此看我的测试
http://lorensblog-loren.blogspot.com/
注:此篇文章在翻译前已征得原作者的同意,翻译过程中有删减,原文地址为:
评论