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

现在看到很多实用wordpress的用户在制作主题的时候,开辟了一个友情链接面页,而且我们看到很多友情链接前面有个很漂亮的favicon图标,也就是该网站的favicon.ico图标。现在主要用的一般是jQuery来获取Google的Favicon缓存。如果有获取到该网站的Favicon则显示,如没有获取到,则会显示一个地球图标。
代码为:
$(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 class="favicon" rel="http://www.20tc.com"></ins>TC</li> </ul>
我们的在主题模板头部加上这么一段话

<link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/images/favicon.ico” />
很简单的代码推荐博友看–>>储存网站图标
调用favicon个性化的小图标,但只会显示在浏览器的地址栏中,却不会被google缓存,如果想缓存到google的服务器上,就必须将制作好的个性小图标放在网站的根目录中,当Google下次更新你网站的时候就会有缓存了,



本文固定链接: http://20tc.com/google-link-favicon.html | TC的博客

该日志由 TC 于2012年01月05日发表在 网站建设 分类下, 你可以发表评论,并在保留原文地址及作者的情况下引用到你的网站或博客。
原创文章转载请注明: Google让友情链接上显示网站小图标favicon | TC的博客
关键字: , , ,

Google让友情链接上显示网站小图标favicon:目前有9 条留言

  1. 7楼
    inphon China Google Chrome Windows :

    感謝分享。 💡

    2013-03-01 下午 5:26 [回复]
  2. 6楼
    Inphon China Google Chrome Windows :

    沒想到要用到這麼複雜的代碼啊~~~ 感謝分享。

    2013-03-01 下午 5:25 [回复]
  3. 5楼
    唯美创意 China Internet Explorer Windows :

    唯美创意改天试试看

    2012-01-07 上午 11:03 [回复]
    • TC China Mozilla Firefox Windows :

      嘿嘿 我的图标已经有啦,哈哈,还不错哦

      2012-01-07 上午 11:09 [回复]
  4. 4楼
    情侣空间 China Google Chrome Windows :

    实现完成是个什么样子呢 没有示例啊

    2012-01-06 下午 9:23 [回复]
    • TC China Mozilla Firefox Windows :

      友情链接页面有,就是那个小圈圈咯

      2012-01-07 上午 9:32 [回复]
  5. 地板
    法国红酒 China Safari Windows :

    留着试试看

    2012-01-06 下午 1:56 [回复]
  6. 板凳
    牛奶减肥 China Google Chrome Windows :

    这个就可以啊。。这个不是设置在。html

    2012-01-06 上午 11:30 [回复]
  7. 沙发
    bluehost China Mozilla Firefox Windows :

    看到很多人友情链接是这样的ICO

    2012-01-06 上午 10:04 [回复]

发表评论


*

快捷键:Ctrl+Enter

无觅相关文章插件,快速提升流量