加入404公益,帮宝宝们回家!

今天浏览知名博客 守望轩 博客时看到了一个比较个性有爱的404页面,于是动手也加入404公益页面,让我们一起帮助宝宝们早点回家把。

帮宝宝早点回家404

其实这是一段代码就有机会挽救一个家庭的举动,希望大家也都加入进来。帮助宝宝们早点回家,下面说说设置步骤,仅对WordPress主题加入一段代码即可。

样式一

<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8"></script>

样式二

<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="http://yoursite.com/yourPage.html" homePageName="回到我的主页"></script>

两个样式不同的地方是,样式一没有返回首页设置,样式二可以替换http://yoursite.com/yourPage.html为自己首页连接。

加两处代码直接添加在 WordPress主题 的404模版中即可。由于本站启用了https,所以加载图片的时候经常出错,所以加了一层跳转,如果你也是站长,希望也能加入进来!

我添加了一个跳转,本身不是程序猿,所以没有想到更换的办法,效果如下:

404跳转

跳转代码如下:

<form name=loading> 
 <p align=center> <font color="#0066ff" size="2">正在进入404公益行动,宝贝回家、请稍等</font><font color="#0066ff" size="2" face="Arial">...</font>
  <input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;"> 
  
  <input type=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;"> 
  <script>  
var bar=0  
var line="||"  
var amount="||"  
count()  
function count(){  
bar=bar+2  
amount =amount + line  
document.loading.chart.value=amount  
document.loading.percent.value=bar+"%"  
if (bar<99)  
{setTimeout("count()",100);}  
else  
{window.location = "https://sheruo.com/huijia.html";}  
}</script> 
 </p> 
</form> 
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="https://sheruo.com/huijia.html"><font color="#FF0000">请点这里</font></a>.</p>

将以上代码加入到 WordPress主题 的404模版中 ,本站是新建的html页面,加入这段代码直接跳转到html页面即可。将https://sheruo.com/huijia.html替换成你的404的html页面即可。新建404html页面可以参考上面说的样式一和样式二。


加入404公益,帮宝宝们回家!》有1个想法

发表评论

电子邮件地址不会被公开。 必填项已用*标注