Cara Membuat Error Page 404 Animasi Glazing Ribbon

HaiSob apa kabar lagi 😄 ?  Setelah sebelumnya saya telah membagikan cara membuat halaman error page 404 dengan animasi Matrix Rain, maka pada kesempatan ini saya akan membagikan bagaimana cara membuat halaman error 404 dengan efek animasi Glazing Ribbon.

Sebenarnya postingan ini sebelumnya adalah tentang cara membuat animasi Glazing Ribbon, tapi karena saya rasa tidak terlalu berguna jadi mendingan animasi ini ditampilkan saja di halaman error di blog, eh apa itu halaman error 404?, kalau sobat belum tahu, baca saja postingan cara redirect error page 404 ke homepage.

Error Page 404 Glazing Ribbon


Membuat Error Page 404 Efek Animasi Glazing Ribbon di Blog
Error Page 404 Animasi Glazing Ribbon




Cara Membuat Error page 404 Animasi Glazing Ribbon 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/share/newbe/glazing-ribbon-socips-404.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/share/newbe/glazing-ribbon-socips.js' type='text/javascript'/></script>
</b:if>
4. Save template.

Sekian cara membuat Error Page 404 Animasi Glazing Ribbon, semoga bermanfaat.