Coba-coba bongkar artikel-artikel di blog lama admin, eh ketemu artikel menarik yaitu error page 404 dengan animasi Falling Zombie.

Oh yah yang bagi kamu yang tidak tahu apa itu error page 404, sekedar info bahwa halaman ini adalah halaman tidak di temukan di blog, baik itu halaman yang sudah di hapus atau memang tidak ada sama sekali.

Yah mungkin saja kamu ingin membuat halaman 404 kamu terlihat menarik, hmm selain itu buat apa lagi yah? yah silahkan di coba buat kamu yang tertarik.

Error Page 404 Falling Zombie


Error Page 404 Falling Zombie
Error Page 404 Falling Zombie


Cara membuatnya mudah kok, berikut adalah caranya:

1. Di Blog Blogger 😊
2. Pilih menu 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 dan selesai.
0 Komentar untuk "Membuat Animasi Error Page 404 Falling Zombie di Blogger"