教你如何去掉友荐和无觅的隐藏外链和版权链接

最近，为了做无觅的 APP，装上了无觅的相关推荐，结果果断不给力，打包了 2 个星期还在打包，还能再坑点么？

蜗牛般的效率，暂且就不吐槽了。偶尔用站长工具检查外链的时候，居然发现无觅还给来了个隐藏的流氓外链：

看了下无觅的源码：

<script type="text/javascript">
    var wumiiPermaLink = ""; //请用代码生成文章永久的链接
    var wumiiTitle = ""; //请用代码生成文章标题
    var wumiiTags = ""; //请用代码生成文章标签，以英文逗号分隔，如："标签1,标签2"
    var wumiiCategories = []; //请用代码生成文章分类，分类名放在 JSONArray 中，如: ["分类1", "分类2"]
    var wumiiSitePrefix = "http://zhangge.net/";
    var wumiiParams = "&num=5&mode=3&pf=JAVASCRIPT";
</script>
<script type="text/javascript" src="http://widget.wumii.cn/ext/relatedItemsWidget"></script>
<a href="http://www.wumii.com/widget/relatedItems" style="border:0;">
    <img src="http://static.wumii.cn/images/pixel.png" alt="无觅关联推荐，快速提升流量" style="border:0;padding:0;margin:0;" />
</a>

var wumiiPermaLink = ""; //请用代码生成文章永久的链接

var wumiiTitle = ""; //请用代码生成文章标题

var wumiiTags = ""; //请用代码生成文章标签，以英文逗号分隔，如："标签1,标签2"

var wumiiCategories = []; //请用代码生成文章分类，分类名放在 JSONArray 中，如: ["分类1", "分类2"]

var wumiiSitePrefix = "http://zhangge.net/";

var wumiiParams = "&num=5&mode=3&pf=JAVASCRIPT";

</script>

</a>

如第 10 行所示，加了一个图片链接，而且图片大小设置为 0，是一个隐藏的外链，人是看不到，但是蜘蛛可以爬到！

其实以前用友荐的时候，就看到过这个 a 标签，当时没深究，只是下意识的删除了，现在看了，无觅和友荐都是偷偷的给所有调用的网站留了一个外链，而且是在整个网站！

既然，你这么流氓，那我也流氓一些好了！

下面开始阉割这些流氓东西，嘿嘿嘿！

一、去掉友荐和无觅相关推荐的隐藏外链

如上代码所示，只要将第类似于第 5 行的 a 标签代码删除即可，无任何副作用！

下面先提供无觅和友荐的通用调用代码的删除示例

①、无觅相关推荐通用代码，删除隐藏外链示例：

②、友荐相关推荐通用代码，删除隐藏外链示例：

如上所示，删除红框区域代码即可去掉隐藏外链。

③、另外，张戈博客是安装的无觅的插件，而非通用代码，所以补充一下无觅 wordpress 插件的删除方法;

进入网站后台→插件→已安装插件→找到无觅相关文章插件，如图点击编辑：

进入文本编辑界面后，按下 Ctrl+F 搜索关键词 pixel.png，找到如图位置，并将 a 标签注释或删除即可：

现在，在用站长友链检查工具，已经找不到那个无反链的流氓外链了！

二、去掉无觅和友荐下面的版权链接

本来不想公布这个的，但是上面的流氓行为让我有点不爽，索性公布方法，主要还是为了让界面更加清爽一点吧！

①、去掉无觅的版权尾巴很简单，直接在文章模板中新增一段 css 即可：

<style type="text/css">
.wumii-footer{display:none !important;}
</style>

.wumii-footer{display:none !important;}

</style>

当然，将代码中的第 2 行，丢到主题的 style.css 中，也可以达到同样的效果。

②、去掉友荐的版权尾巴就麻烦点，因为友荐的那个尾巴没设置 id 或 class（不得不说友荐考虑真 TM 周到...）

但是在这个只有想得到，没有做不到的时代，同样还是分分钟被搞定了。互推联盟成员路人 V 提供了一种 CSS 伪类隐藏这个 a 标签的方法，不过稍有遗憾的是，不支持 IE，如下为路人 V 提供的代码，有兴趣的可以学习学习：

.ujian-hook a:only-child{padding:0 !important;height:0 !important;font-size:0 !important;}
.ujian-hook div:first-child div:first-child{font-size:0 !important;}

1 2	.ujian-hook a:only-child{padding:0 !important;height:0 !important;font-size:0 !important;} .ujian-hook div:first-child div:first-child{font-size:0 !important;}

今天我在测试的时候，发现只要将路人 V 的代码，根据无觅去版权方法，依葫芦画瓢修改下，即可支持 IE，上代码：

有朋友反馈下面的代码有点问题，待我测试。。。

<style type="text/css">
.ujian-hook a:only-child{display:none !important;}
</style>

.ujian-hook a:only-child{display:none !important;}

</style>

同样，将以上代码丢到文章模板，或者将第 2 行新增到 style.css 里面，即可去掉友荐的版权尾巴了。

三、附加：去掉使用无觅的自定义位置文章后面出现的空白区域。

标题有点费解，遇到问题的童鞋才能轻易看懂。当在无觅插件后台如设置了自定义位置之后(如下图)，文章最后会出现 4 行左右的空白区域，很难看！

仔细看了下插件源代码，找到了解决办法：

编辑无觅相关文章插件，ctrl+F 搜索关键词：wumii-hook，然后如图加入 style 属性并保存即可：

好了，所有问题都解决了，相信和我一样的 css 菜鸟们又学到了一招吧？display:none,关键时刻还真有奇效！希望本文可以解决你的困惑！

最后弱弱的装个 B：有时候版权这回事还是要尊重一下的，所以此文仅作为学习交流的参考教程，请不要扩大宣传，否
则带来的任何后果，张戈不负任何责任（振振有词还是必须的么，嘿嘿）！