给WordPress友情链接添加图标,并在新窗口打开友情链接

注意到陌小雨下面的友情链接了么,前面有个美美的图标,五彩冰粉的,这些都是博友的favicon图标呢?是不是觉得很高大上,今天就分享如何给WordPress友情链接添加favicon图标。效果图:
给WordPress友情链接添加favicon图标,并在新窗口打开友情链接

1.、上传一个 16×16 大小的图片作为还没有设置favicon.ico图标的网站默认ico,把图片上传到所用主题的 images 目录下,这里示例中默 ico 图片是 favicon.ico,图标格式无所谓啦,png、gif、ico喜欢哪个就选哪个。如果暂时没有好的favicon.ico图标,那就前往这个页面,http://www.dedewp.com/flinks,这么多金灿灿的图标,看中哪个直接按住图标拖动到新窗口保存到本地上传吧!

2.、在你需要调用友情链接的地方,复制下面的代码就可以啦

代码解释:第四行调用的是连接分类目录id为57下的所有链接,并随机在前台显示,因为陌小雨的淘宝客网站大全收录了很多网站,所以友情链接也建立了好多好多个分类目录呢。

3、分享陌小雨正在使用的css样式:

上面的.item为第一个步骤的父容器,如果不明白是啥意思,就跟着陌小雨学学xhtml+css的基础课程吧!

4、布置完你会发现,这些链接都是在当前窗口打开的,很不友好,那么如何在新窗口打开这些链接呢?

我们只需要在第1个步骤第10行做一点小小的修改就好啦!修改为下面的:

AD:站点文章对你有帮助,可以选择去百度口碑好评下,还可以点击此处

赞 (6) 口碑
分享到:更多 ()

评论 17

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
表情 签到
  1. gadgething
    方法不错,可以试试。回复
  2. 阿里书籍
    很好的方法喃回复
  3. 源码集中营
    :grin: 方法不错,学习了!回复
  4. boke123导航
    有图标的友链看起来更加高大上回复
  5. 同盟源
    现在好多淘宝客的说回复
    • 陌小雨
      你有没有在做,有没有兴趣一起做,O(∩_∩)O~回复
  6. Alick.Li
    很不错~~~~~~~~ :oops:回复
  7. 陌小雨
    我这个是wp的 :oops:回复
  8. 电影王国
    哪天试试 :wink:回复
  9. 崔小可
    :mrgreen: 这个值得我拥有!回复
  10. 中国博客排行榜
    您好!我是中国博客排行榜(http://www.cnbokes.com/)的站长,欢迎您来贵站提交您的博客,我们会给予收录,谢谢。回复
  11. Han
    看来我该好好美化下我的favicon.ico了 :evil:回复