Cara Membuat Animasi Error Page 404 Falling Zombie di Blog

HaiSob apa kabar 😄 ?  Pada kesempatan ini saya akan membagikan tutorial cara membuat animasi Error Page 404 Falling Zombie. Mungkin saja sobat bosan akan tampilan error page sobat, maka bisa mencoba yang ini.

Sebelumnya juga saya telah membagikan animasi halaman error 404 seperti error page 404 dengan animasi Matrix Rain, dan halaman error 404 Zack harvest moon btn. Eh apa itu halaman error 404?, kalau sobat belum tahu, baca saja postingan cara redirect error page 404 ke homepage.

Error Page 404 Falling Zombie


Error Page 404 Falling Zombie
Error Page 404 Falling Zombie




Cara Membuat Animasi Error page 404 Falling Zombie di Blogger


1. Di Blog Blogger 😊
2. Pilih menu Template ➔ Edit HTML
Cara Membuat Error Page 404 Animasi Glazing Ribbon
Template ➜ Edit HTML

3. Letakan kode di bawah ini di atas kode </body>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<link href='https://cdn.rawgit.com/Brando07/haisob/newbe/haisob-404-zombie2.css' rel='stylesheet' type='text/css'/>
<div id='error-page'>
  <div id='error-inner'>
    <div class='box-404'>404</div>
    <h1>PAGE NOT FOUND</h1>
    <p>You are half way around the word, but OOPS you make the wrong turn,
let us lead you to the right way,</p>
    <p> return to our
      <a href='http://www.haisob.com' title='HOME'>homepage</a> ?
    </p>
    <div id='search-box'>
      <form action='/search' id='cse-search-box' method='get'>
        <input id='search-text' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='' />
        <button id='search-button' type='submit' />
      </form>
    </div>
  </div>
</div>
<canvas id="canvas"></canvas>
<script src='https://cdn.rawgit.com/Brando07/haisob/newbe/haisob-404-zombie.js' type='text/javascript'/></script>
</b:if>
4. Save template.

Sekian cara membuat Error Page 404 Animasi Falling Zombie, semoga bermanfaat.
Join This Site