网站建设

互推联盟js代码,欢迎调用!

不久前,张戈博客刚推出自适应的互推联盟通用代码,得到了很多博主的支持和响应,在这里张戈对调用iframe代码的各个博主说声感谢!是你们的支持,给我带来了无限的动力! 今天,在逛博客的时候,发现居然有博主仿制了张戈博客的互推联盟自适应页面。本来心里会有点不爽的,因为扒代码也不先和我说一声。。。虽然我这个页面是拿了酷嗨哥的源码,但个人真的倾注了很多心血呢!不过,后来看到他已经写文说了来源,所以我也就没啥意见了,因为互联网本来就是一个的开放平台,网页代码更是明文传输。。。 好了,也懒得吐槽了,既然有人仿制,说明我这东西做得好、既然他仿制得不错,那我必须得做出更好的东西来才行! 回家后,我削尖脑袋,抓破头皮,对页面进行了如下改进: 一、采用JS调用页面 修改目的:将iframe代码通过JS调用,弥补了直接使用iframe代码调用页面造成不利于SEO的缺憾! 废话不多说,直接上代码: 常规JS代码,推荐页面宽度 ≥ 570px: 迷你JS代码,只有页面宽度<570px才推荐使用(博客联盟已制作响应式版本,无需使用...):  简单说明:代码就一行,短小精悍,和以前使用iframe调用的效果一样! 使用方法和iframe调用一致,只要将上面一句代码放到你想要显示的位置即可!点击查看详细部署说明... 对于SEO,JS的调用要比iframe要友好得多!所以,强烈建议采用JS来制作互推联盟页面。 已调用的博客,只要将以上代码替换掉之前的代码即可,多谢支持!   二、优化移动端访问 ①  额外定制移动样式 移动互联的时代已然来临,所以加入移动端的支持是迫在眉睫的!于是张戈重新定制了互推联盟的移动端样式,尽量让手机等移动设备访问互推联盟时获得最好的显示效果!互推联盟页面在响应式主题或具备手机主题的博客,将会智能切换到手机样式。 下面来张预览图(来自MOREOPEN博客,720p手机屏): Ps:图中TAB未改动,现已改成两个字的简称,欢迎大家自行查看实际显示效果。   ②  优化页面速度 移动端受信号等因素影响,速度普遍过慢,所以我取消了手机端申请加入功能,并删除冗余JS等代码,提高互推联盟页面在移动端开启速度。   三、加入提交验证 虽然,到目前为止,张戈博客后台还未收到机器人恶意提交的链接,但为了避免后续被人盯上,先简单的加上了验证码校验提交的功能。   三、右键弹出邀请 当鼠标右键互推联盟的调用页面,会弹出邀请加入的提示,希望能吸收更多博友的加入,壮大这个互推队伍。   其他细节优化张戈就不一一举例了,希望各位喜欢。若使用中发现任何问题,都可以联系张戈反馈吐槽!
阅读全文
网站建设

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

最新消息:已制作JS调用版本,对SEO更加友好!请移步获取通用JS调用代码=> Ps:使用方法依然如下,不会用的可以继续往下看看~~ 2014年03月15日推出的第一版互推联盟通用iframe代码,有以下三个遗留问题: ① 由于分类tab按钮没有做自适应CSS,所以只能用于宽度大于750px的页面,不少博友留言说页面太小无法调用; ② 成员链接点开之后,标题会被强行重写成“互推联盟成员网站”,且地址栏一直是玛思阁博客网址,感觉点击就是给玛思阁增加PV。。。(实际上,还真没有....),但我还是会听从意见,此次一并改善! ③ 手机访问调用页面无内容(已在手机主题中添加相关模板,此问题已解决)。  一、完美自适应 问题 ①:今天我花了个把小时仔细看了下CSS,并在网站开发同事的协助下,终于搞定了!已调用iframe的博友不用做任何修改! iframe代码依然如下,任意宽度页面均可调用(当然,太窄了也不美观嘛,宽度大于620px最佳): PS:此代码已失效! 二、链接跳转   问题②:互推联盟页面是用嗨酷哥的酷站导航源码做的,他对每个博客链接都用了一个go跳转的中间页,应该是为了避免SEO权重的流失吧! 想想也是,总不能把这么多外链丢到我的博客,就算对调用iframe的博客可能也会有所影响,毕竟不是友情链接!所以这个跳转机制还是有必要的! 经过测试,最后拿掉了原始的中间跳转页面,自己重新做了个外链的跳转机制,类似于anylink插件,将所有外链输出为如下形式: https://zhang.ge/bokehutui.php?http://www.site.cn 点击后直接跳至目标链接,而不会强行重写网站标题,测试了下,链接打开速度都所提高了!   四、调用方法 直接将上面的iframe代码插入页面模板相应位置即可!还可以根据需要加上边框线之类的样式。 下面具体说一下Wordpress是如何添加的: ① 将主题下的页面模板page.php复制一份,并重命名一下(比如:htlm.php)(如果有留言板的博友,可以直接复制一份留言板即可),将以下内容加到顶部,如果已存在,直接修改冒号后的名称即可: ② 在页面你想引用的位置插入上面的iframe代码,如果你的主题是定义了边框线的,也可以将此代码放入对应DIV里面,比如知更鸟就可以将代码放到<div class="entry_box_s_l"></div>之间,从而加上边框(请参考文章最后的实例代码)。 ③ 建立新页面,输入页面名称,如“互推联盟”,并修改别名为拼音或英文,然后如下图在右侧页面模板下拉选择【互推联盟】,保存即可。 Ps:此页面宽度可以自适应拉伸,当然你也可以根据实际大小将width:100%改成你需要的宽度(建议大于620px) 五、成功案例: 已升级为荣誉站点,所有调用代码制作页面的博客将会得到升级! Ps:请至 https://zhang.ge/alliance 查看荣誉站点名单。 附:知更鸟主题实例参考代码   下面我给出一个知更鸟的实例页面代码,供大家参考: Ps:知更鸟主题的博客可以直接复制保存为php文件丢到主题目录,然后新建页面选择互推联盟模版即可。 最后,有任何问题都可以留言反馈,多谢大家支持!
阅读全文