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

不久前,张戈博客刚推出自适应的互推联盟通用代码,得到了很多博主的支持和响应,在这里张戈对调用 iframe 代码的各个博主说声感谢!是你们的支持,给我带来了无限的动力!

今天,在逛博客的时候,发现居然有博主仿制了张戈博客的互推联盟自适应页面。本来心里会有点不爽的,因为扒代码也不先和我说一声。。。虽然我这个页面是拿了酷嗨哥的源码,但个人真的倾注了很多心血呢!不过,后来看到他已经写文说了来源,所以我也就没啥意见了,因为互联网本来就是一个的开放平台,网页代码更是明文传输。。。

好了,也懒得吐槽了,既然有人仿制,说明我这东西做得好、既然他仿制得不错,那我必须得做出更好的东西来才行!

回家后,我削尖脑袋,抓破头皮,对页面进行了如下改进:

一、采用 JS 调用页面

修改目的:将 iframe 代码通过 JS 调用,弥补了直接使用 iframe 代码调用页面造成不利于 SEO 的缺憾!

废话不多说,直接上代码:


常规 JS 代码,推荐页面宽度 570px:

迷你 JS 代码,只有页面宽度570px 才推荐使用(博客联盟已制作响应式版本,无需使用...): 

简单说明:代码就一行,短小精悍,和以前使用 iframe 调用的效果一样!

使用方法和 iframe 调用一致,只要将上面一句代码放到你想要显示的位置即可!点击查看详细部署说明...

对于 SEO,JS 的调用要比 iframe 要友好得多!所以,强烈建议采用 JS 来制作互推联盟页面。

已调用的博客,只要将以上代码替换掉之前的代码即可,多谢支持!

 

二、优化移动端访问

①  额外定制移动样式

移动互联的时代已然来临,所以加入移动端的支持是迫在眉睫的!于是张戈重新定制了互推联盟的移动端样式,尽量让手机等移动设备访问互推联盟时获得最好的显示效果!互推联盟页面在响应式主题或具备手机主题的博客,将会智能切换到手机样式。

下面来张预览图(来自 MOREOPEN 博客,720p 手机屏):

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

Ps:图中 TAB 未改动,现已改成两个字的简称,欢迎大家自行查看实际显示效果。

 

②  优化页面速度

移动端受信号等因素影响,速度普遍过慢,所以我取消了手机端申请加入功能,并删除冗余 JS 等代码,提高互推联盟页面在移动端开启速度。

 

三、加入提交验证

虽然,到目前为止,张戈博客后台还未收到机器人恶意提交的链接,但为了避免后续被人盯上,先简单的加上了验证码校验提交的功能。

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

 

三、右键弹出邀请

当鼠标右键互推联盟的调用页面,会弹出邀请加入的提示,希望能吸收更多博友的加入,壮大这个互推队伍。

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

 

其他细节优化张戈就不一一举例了,希望各位喜欢。若使用中发现任何问题,都可以联系张戈反馈吐槽!

评论已关闭!