互推联盟最新自适应iframe代码,欢迎调用!

最新消息:已制作JS调用版本,对SEO更加友好!请移步获取通用JS调用代码=>

Ps:使用方法依然如下,不会用的可以继续往下看看~~

2014年03月15日推出的第一版互推联盟通用iframe代码,有以下三个遗留问题:

① 由于分类tab按钮没有做自适应CSS,所以只能用于宽度大于750px的页面,不少博友留言说页面太小无法调用;

② 成员链接点开之后,标题会被强行重写成“互推联盟成员网站”,且地址栏一直是玛思阁博客网址,感觉点击就是给玛思阁增加PV。。。(实际上,还真没有....),但我还是会听从意见,此次一并改善!

③ 手机访问调用页面无内容(已在手机主题中添加相关模板,此问题已解决)。


 一、完美自适应

问题 ①:今天我花了个把小时仔细看了下CSS,并在网站开发同事的协助下,终于搞定了!已调用iframe的博友不用做任何修改!

iframe代码依然如下,任意宽度页面均可调用(当然,太窄了也不美观嘛,宽度大于620px最佳):

PS:此代码已失效!

二、链接跳转

 

问题②:互推联盟页面是用嗨酷哥的酷站导航源码做的,他对每个博客链接都用了一个go跳转的中间页,应该是为了避免SEO权重的流失吧! 想想也是,总不能把这么多外链丢到我的博客,就算对调用iframe的博客可能也会有所影响,毕竟不是友情链接!所以这个跳转机制还是有必要的!

经过测试,最后拿掉了原始的中间跳转页面,自己重新做了个外链的跳转机制,类似于anylink插件,将所有外链输出为如下形式:

http://zhangge.net/bokehutui.php?http://www.site.cn

点击后直接跳至目标链接,而不会强行重写网站标题,测试了下,链接打开速度都所提高了!

 

四、调用方法

直接将上面的iframe代码插入页面模板相应位置即可!还可以根据需要加上边框线之类的样式。

下面具体说一下Wordpress是如何添加的:

① 将主题下的页面模板page.php复制一份,并重命名一下(比如:htlm.php)(如果有留言板的博友,可以直接复制一份留言板即可),将以下内容加到顶部,如果已存在,直接修改冒号后的名称即可:

② 在页面你想引用的位置插入上面的iframe代码,如果你的主题是定义了边框线的,也可以将此代码放入对应DIV里面,比如知更鸟就可以将代码放到<div class="entry_box_s_l"></div>之间,从而加上边框(请参考文章最后的实例代码)。

③ 建立新页面,输入页面名称,如“互推联盟”,并修改别名为拼音或英文,然后如下图在右侧页面模板下拉选择【互推联盟】,保存即可。

互推联盟最新自适应iframe代码,欢迎调用!

Ps:此页面宽度可以自适应拉伸,当然你也可以根据实际大小将width:100%改成你需要的宽度(建议大于620px)

五、成功案例:

已升级为荣誉站点,所有调用代码制作页面的博客将会得到升级!

Ps:请至 http://zhangge.net/alliance 查看荣誉站点名单。

附:知更鸟主题实例参考代码

 

下面我给出一个知更鸟的实例页面代码,供大家参考:

Ps:知更鸟主题的博客可以直接复制保存为php文件丢到主题目录,然后新建页面选择互推联盟模版即可。

最后,有任何问题都可以留言反馈,多谢大家支持!

发表评论

gravatar

:?::razz::sad::evil::!::smile::oops::grin::eek::shock::???::cool::lol::mad::twisted::roll::wink::idea::arrow::neutral::cry::mrgreen:

刷新评论

目前评论:73   其中:访客  42   博主  31

  1. 梦轩丽人 6 来自天朝的朋友 未知浏览器 Unknow Os 广西南宁市 电信

    刚才试了一下,点击链接后果然没有了你的网址,直接显示目标地址,不错! 评论” alt=”[good]” title=”[good]” class=”ds-smiley” />

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      评论” alt=”[握手]” title=”[握手]” class=”ds-smiley” />

  2. 冯耀宗 4 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市罗湖区 天威有线宽带(关内)

    调用了,调用在留言板

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      评论” alt=”[赞]” title=”[赞]” class=”ds-smiley” /> 冯兄做事真是效率!

  3. 圆月博客 5 来自天朝的朋友 未知浏览器 Unknow Os 广西南宁市 联通

    怎么样搞

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      Zblog应该也是新建一个页面模板,然后在相应位置贴上iframe代码,最后新建页面,调用这个模板就行。

  4. 吴晓阳 4 来自天朝的朋友 未知浏览器 Unknow Os 浙江省宁波市 电信

    就是有时候加载的速度很慢。是不是博主的主机偏慢?

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      可能和香港主机有关,有些地方会有一定延迟.有时间我去做个CDN缓存试试。

  5. 渡世白玉 3 来自天朝的朋友 未知浏览器 Unknow Os 上海市 移动

    赞一个、、马上更新去、、、、、、、

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      注意看,已调用的博客无需做任何修改。。。

      • 渡世白玉 3 来自天朝的朋友 未知浏览器 Unknow Os 上海市 移动

        哈哈、、没怎么看、、只是重新覆盖了下、

  6. 阿张-微博客 4 来自天朝的朋友 未知浏览器 Unknow Os 广西柳州市 电信

    评论” alt=”[围观]” title=”[围观]” class=”ds-smiley” /> 谢谢分享!!!
    现在蛮多人弄这个的…..

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      你也可以调用一个玩玩嘛~

      • 阿张-微博客 4 来自天朝的朋友 未知浏览器 Unknow Os 广西柳州市 电信

        评论” alt=”[哈哈]” title=”[哈哈]” class=”ds-smiley” /> 我对这个不太在行….

        • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

          评论” alt=”[嘻嘻]” title=”[嘻嘻]” class=”ds-smiley” /> 可以把page.php发到我邮箱,我帮忙制作。

          • 阿张-微博客 4 来自天朝的朋友 未知浏览器 Unknow Os 广西柳州市 电信

            我的是ASP的….

            • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

              看看应该也可以搞定~~框架是一样的

              • 阿张-微博客 4 来自天朝的朋友 未知浏览器 Unknow Os 广西柳州市柳南区 电信

                啥搞!没你说的那文件…

                • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

                  你的是zblog吧?我之前给zblog搞定过,也挺容易。里面有个页面模板的html,复制一份,然后修改下就可以了。

                  • 阿张-微博客 4 来自天朝的朋友 未知浏览器 Unknow Os 广西柳州市柳南区 电信

                    熊海博客 ASP版HTML5

                    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

                      好的,等弄好了我发到你邮箱。

                    • 阿张-微博客 4 来自天朝的朋友 未知浏览器 Unknow Os 广西柳州市柳南区 电信

                      评论” alt=”[太开心]” title=”[太开心]” class=”ds-smiley” /> 谢谢!!!

                    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

                      已经弄好了,这会有点事,明天再发给你

                    • 阿张-微博客 4 来自天朝的朋友 未知浏览器 Unknow Os 广西柳州市柳南区 电信

                      哗!那么快!! 评论” alt=”[鼓掌]” title=”[鼓掌]” class=”ds-smiley” />

  7. 赚五十任务站大全30个 3 来自天朝的朋友 未知浏览器 Unknow Os 四川省内江市 联通

    已经加好了iframe页了

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      感谢支持,已列入先驱者名单。

  8. 瑜娟祛痘博客 1 来自天朝的朋友 未知浏览器 Unknow Os 山东省滨州市 移动

    写的好详细,这段自适应iframe代码确实很实用,谢谢博主的分享,文章写的很好,以后会常来的,欢迎回访哦。

  9. 骁-miniseo.net 4 来自天朝的朋友 未知浏览器 Unknow Os 广东省广州市 电信

    博客里放上这个互推联盟,会不会增加很多导出链接呢?

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      可以把那个页面加到robots的禁止名单里面就可以了。
      而且我这个页面上的链接都用了 rel=nofollow的

      • 骁-miniseo.net 4 来自天朝的朋友 未知浏览器 Unknow Os 广东省广州市 电信

        嗯嗯,等后面搞熟博客了来请你教哈

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      用JS封装后不会存在这个问题,你可以看源码,是不会有外链的。

      • 骁-miniseo.net 4 来自天朝的朋友 未知浏览器 Unknow Os 广东省广州市 电信

        评论” alt=”[呵呵]” title=”[呵呵]” class=”ds-smiley” /> 你们技术好牛,想怎么调整就怎么调整。不知道什么时候也能达到你们这样的境界

        • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

          其实我也是菜鸟。。。

          • 骁-miniseo.net 4 来自天朝的朋友 未知浏览器 Unknow Os 广东省广州市 电信

            你就装吧、、以后大伙都把你装菜鸟笼里

            • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

              我不是做开发的。。。只是管服务器的,所以说到开发确实是菜鸟一枚。。很实诚的。。

  10. 三日月 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市浦东新区 电信

    还叫上同事折腾了啊,或说我都不用改的节奏么,今天不容易终于更新了一篇文章,加速那除了问题,之前七牛绑定解了,打域名的时候多一个字母,怪不得图片上传了显示不出,捣鼓半天原来被自己坑了

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      还好没打成别人的七牛域名,否则一堆不认识的图片,你还以为是网站被黑了!哈哈。。。
      另外,七牛有个很奇怪的问题,我把七牛空间删了,居然还可以访问!!我郁闷!!

      • 三日月 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市宝山区 联通

        这也行啊- -,犀利了

        • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

          我提交了几次问题反馈了,但是一直没删掉。。现在还是可以访问,我要是新建空间,还是输入以前的空间名称,又看不到内容,我去。。

          • 三日月 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市宝山区 联通

            估计是有BUG的。挺2的,我的多说现在有问题,不知道咋搞了

            • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

              刚还准备去留言告诉你,弹出来的多说链接,你的网站的链接都是错的。

              • 三日月 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市宝山区 联通

                对啊,就是这个多说的链接有问题了啊,以前是正常的,不知道哪出了问题

              • 三日月 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市宝山区 联通

                就是只剩域名之后的链接了,域名跑没了

                • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

                  可以去多说网站反馈下

                  • 三日月 6 来自天朝的朋友 未知浏览器 Unknow Os 上海市浦东新区 电信

                    额,否则很麻烦诶

      • 梦轩丽人 6 来自天朝的朋友 未知浏览器 Unknow Os 广西南宁市 电信

        据说有些东西是存储在七牛服务器里,但不在我们的七牛账号里,不知道是不是。

        • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

          嗯,应该是CND缓存,也就是七牛的CDN节点服务器,有时候删除不了。。。汗

          • 梦轩丽人 6 来自天朝的朋友 未知浏览器 Unknow Os 广西南宁市 电信

            我也是昨天用了WP,今早才用了七牛,很多东西都不懂 评论” alt=”[汗]” title=”[汗]” class=”ds-smiley” /> 。

            • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

              安装一个wp-super-cache 配合七牛更给力的~~你看我现在的速度怎么样?有问题可以联系我QQ,WP的不说全搞定,但是还能解答一二的。

              • 梦轩丽人 6 来自天朝的朋友 未知浏览器 Unknow Os 广西南宁市 电信

                感觉直接用七牛提供的一键加速也挺快的,等内容多了网站慢了再安装这个插件试试。谢了,有问题我一定不会客气的 评论” alt=”[嘻嘻]” title=”[嘻嘻]” class=”ds-smiley” /> 你们都是牛人啊!

                • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

                  哈哈,就是折腾多了,经验能多点,算不算牛人呢。七牛的一键加速没用呢,得配合插件,因为你静态链接并没有改变呢。

  11. 小清新头像吧 5 来自天朝的朋友 未知浏览器 Unknow Os 北京市 联通

    嘿嘿不错呀,果断是分享出来了呀。

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      有兴趣调用调用。。。哈哈

  12. 刘海江 5 来自天朝的朋友 未知浏览器 Unknow Os 辽宁省沈阳市 鹏博士长城宽带

    我也准备调用在留言板,上次调用的不能自动调比例就取消了

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      还好把这个问题解决了,不然兼容性太差了。

      • 刘海江 5 来自天朝的朋友 未知浏览器 Unknow Os 辽宁省沈阳市 鹏博士长城宽带

        我只是直接调用了你的代码,是不是得给你们做个广告推广呢?你们得有段广告语 评论” alt=”[嘻嘻]” title=”[嘻嘻]” class=”ds-smiley” />

        • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

          哈哈,就是 互推联盟:欢迎加入,互推互访! 其实这是一个互利双赢的项目。

  13. 吴晓阳 4 来自天朝的朋友 未知浏览器 Unknow Os 浙江省宁波市 电信IDC机房

    听说博主任意宽度都可以了,我现在重新制作了页面。现在是http://wuxiaoyang.com/weiyu.html。麻烦在案例中改下

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      好的,马上修改。

  14. 微历史 6 来自天朝的朋友 未知浏览器 Unknow Os 北京市 联通

    被博主吐槽了,周一加上这个,很有意思

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      现在已经有数位博友加上了,通过这个可以认识更多有趣的博客。

      • 微历史 6 来自天朝的朋友 未知浏览器 Unknow Os 北京市 联通

        哈哈,一定一要参与

  15. 刘俊博客--美食街 5 来自天朝的朋友 未知浏览器 Unknow Os 四川省德阳市 联通

    评论” alt=”[害羞]” title=”[害羞]” class=”ds-smiley” />

  16. 郭爱兵 3 来自天朝的朋友 未知浏览器 Unknow Os 江西省赣州市 电信

    准备也加上去,感谢分享

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      多谢博主支持~

  17. 龙三公子 6 来自天朝的朋友 未知浏览器 Unknow Os 江西省南昌市 电信

    没发现什么变化,之前我已小作修改。

  18. 生活那点事 3 来自天朝的朋友 未知浏览器 Unknow Os 湖南省邵阳市 电信

    貌似我的是EMLOG的,不知道可以吗?

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      博主放心,任何Html网页都可以使用的。建议使用最新的js代码,文章第一行有链接。

  19. 梦轩丽人 6 来自天朝的朋友 未知浏览器 Unknow Os 广西南宁市 电信

    本文成功案例中的,我的地址需要变动,更改为http://www.mengxlr.com/yqlj,没有了后面的.html,或者删除掉吧,担心误导他人。

    • 张戈 [博主] 来自天朝的朋友 未知浏览器 Unknow Os 广东省深圳市 联通

      嗯,都要修改。。。好几个地方

  20. 濮阳房产网 1 来自天朝的朋友 未知浏览器 Unknow Os 江苏省苏州市 电信

    不错的博客!可以交换一个友情链接吗!我的wistron.org纬创博客

  21. 8090TD 1 来自天朝的朋友 未知浏览器 Unknow Os 广东省潮州市 电信

    你好,我刚做了个新站。留言板调用了 互推联盟 ,www.8090td.com 帮我加个链接上互推吧

加载中,请稍候...