利用Google让友情链接上显示网站ICO小图标favicon

自从用了恋月的主题,那是越看越喜欢,各种功能有都好用,尤其是那友情链接。
但是发现个小问题,就是友情链接列表里ICO小图标不能正常显示,原代码是http://203.208.46.255/s2/favicons?domain_url={$bm->link_url}

后来我在网上看到了TC的博客的方法。利用谷歌的链接,用jQuery来获取Google的Favicon缓存。如果有获取到该网站的Favicon则显示,如没有获取到,则会显示一个地球图标。

把上面的代码改成 http://www.google.com/s2/favicons?domain_url={$bm->link_url}

如果你的网站的友情链接没有显示ICO小图标这个功能的话可以加上代码
$(document).ready(function(){
$(“ins.favicon”).each(function(){
var _url = $(this).attr(“rel”).replace(/^(http://[^/]+).*$/, ‘$1’).replace( ‘http://’, ” );
var _imgurl = “http://www.google.com/s2/favicons?domain=” + _url;
$(this).css({‘background-image’:’url(“‘+_imgurl+'”)’})
});
});
下面是相应的CSS样式
<style> ins.favicon {     display: inline-block;     display: -moz-inline-stack;     *display: inline;     zoom: 1;     height: 16px;     width: 16px;     background-position: 50% 50%;     background-repeat: no-repeat;     margin-right: 5px;     vertical-align: middle; } </style> <ul>   <li><ins rel=”http://6moe.com”></ins>TC</li> </ul>
在主题模板头部加上这么一段话

<link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/images/favicon.ico” />

调用favicon个性化的小图标,但只会显示在浏览器的地址栏中,却不会被google缓存,如果想缓存到google的服务器上,就必须将制作好的个性小图标放在网站的根目录中,当Google下次更新你网站的时候就会有缓存了。

下面是储存网站图标的方法
http://www.google.com/s2/favicons?domain=网址 是用来存储网站图标的
方法和代码

<img style=”float: left; padding: 5px;” src=”http://www.google.com/s2/favicons?domain=6moe.com” alt=”6moe” />

http://www.google.com/s2/favicons?domain=网站地址或网站地址/favicon.ico

本文共 1 个回复

发表留言,喵!