关于 Favicon 人人都不生疏，它就是网址前的谁人小图标，演示可看浏览器地点栏博客吧网址前的小图标。刚才在我的Typecho博客的每一个友情链接前面都显现各自的Favicon图标，该要领我是在木木木木木博客上找到的，其是给WordPress博客写的JS，但JS是通用的，所以也能够用在Typecho上面。
猎取Favicon图标完成道理：
取得每一个友情链接的地点，提掏出域名部份，提交给 Google，Google 返回的就是一个16×16的 PNG 图片，关于没有被 Google 缓存 Favicon 的网站，会获得一个小地球的蓝色图标。
Typecho 友情链接猎取Favico图标的要领：
先搜检本身的Typecho博客主题是不是有加载jQuery库，通常是在header.php文件的<head></head>之间，假如没有就把下面代码增加到<head></head>之间
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>
加载jQuery库后，再在</head>之前增加下面的JS代码，下面的代码就是猎取Favicon图标的代码
<script type="text/javascript">///友情链接图标faviconjQuery(document).ready(function($){ $(".blogroll a").each(function(e){$(this).prepend("<img src=http://www.google.com/s2/favicons?domain="+this.href.replace(/^(http:\/\/[^\/]+).*$/, '$1').replace( 'http://', '' )+" style=float:left;padding:5px;>");}); });</script>
详细寄义就是：敕令jQuery游历一切class=“blogroll”（修改成本身的class）下的a标签，然后在相对应a标签内增加img，src是GG服务器加对应a标签内的href主网址，并增加款式左浮动（即显现在左侧）添补5px。
演示地点：http://www.xiy.in（右下角）
提醒：在WordPress上完成的要领和上面一样，按一样步骤操纵就能够了。
评论列表