给网站制作动态、静态的网站图标(收藏夹图标)

 我们在访问网站时,大部分网站都有个性的ICON图标,在浏览器的地址栏的左边,以及在网址收藏夹的里面,都能看到ICON图标。这样做对网站的推广大有好处,个性化的图标给读者一个直观的、形象化的印象(图片总是容易比文字更令人印象深刻),即使很久以后再次访问你的网站,看到图标,就能想起“曾经访问过这个站”。

 其实,你的wordpress博客也可以拥有这样一个个性的网站图标(或者称做收藏夹图标)。严重浪漫不仅给自己做了一个静态的网站图标favicon.ico,还做了一个动态的网站图标,如果你用FireFox浏览器访问我的博客,就能看到动态效果的网站图标了。【如图】

favicon.ico

【制作方法】

 严重浪漫试用了许多图片制作软件、在线图标制作站。发现一个非常强大的在线制作动态、静态的收藏夹图标的网站。网址 http://www.html-kit.com/favicon/ 。

 在这里,提交一张你自选的图片,然后就可以下载图标文件了,非常简单。如果你想制作动态的网站图标,继续向下看。

 制作动态图标的方法:把你的图片素材都提交上去【如图】:

favicon.ico

 然后点击 “Edit”按钮,进入如下的界面【如图】:

favicon.ico

 在红色文字“Customize your favicon ”(定制你的图标)的下面那个框里,自由编辑函数,就是调整那些图片的显示顺序。

 这里有个小窍门,可以调节图片走动的速度,那就是,想让一个一个素材走动的慢一些,那就在那些函数(就是{PIC1}、{PIC2}等等这些)之间添加上空格,空格添的越多,走动的就越慢了。

 同样,制作完后,下载保存。

 【使用方法】

 下载到的压缩包,解压得到两张图片,分别是:favicon.ico 和 animated_favicon1.gif,第一个是静态图标,第二个是动态图标。把他们上传到你网站的根目录。

 编辑你现在使用的主题的header.php,在<head>和</head>之间添加以下代码:

1
2
<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/gif" href="animated_favicon1.gif">


4,420 次阅读 | 发表评论 | Trackback
2010年10月13日 | 归档于 WordPress
  1. 2010年10月13日 21:58 | #1

    傲游3暂时没有站标显示,收藏夹那儿倒是能看到

  2. 严重浪漫
    2010年10月13日 22:44 | #2

    5169.info :

    傲游3暂时没有站标显示,收藏夹那儿倒是能看到

    没用过遨游,不过,遨游是IE内核啊,不能显示实在是奇怪了

  3. 2010年10月17日 19:40 | #3

    貌似只有 FireFox 能够动态

  4. 严重浪漫
    2010年10月17日 22:19 | #4

    likekart :

    貌似只有 FireFox 能够动态

    没错,是这样的

发表评论

XHTML: 您可以使用这些标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">
:lol: :( 8-O :oops: 8) :?: :!: :evil: more »