Cara Membuat Halaman Error 404 di Blog Part 2

Selamat datang kembali di Demo IdBoegis, Blog yang membahas seputar Tips Adsense, Tips Komputer, Tutorial Blog, SSH Gratis, Tips Youtube, Tips Smartphone dan informasi internet lainnya.

Pada Artikel kali ini kita akan membahas Cara Membuat Halaman Error 404 di Blog Part 2, Postingan ini masih berhubungan dengan Artikel Tutorial Blog. Artikel Widget.

Baca juga:

Cara Membuat Halaman Error 404 di Blog Part 2

Advertisement

Cara Mudah Membuat Halaman Error 404 - Halo kawan, setelah sebelumnya saya sudah membagikan artikel mengenai cara menulis artikel berkualitas SEO friendly, maka pada kesempatan kali ini saya akan membagikan artikel mengenai cara membuat halaman error 404 dengan efek animasi glazing. Bagi anda yang belum mengetahui apa itu halaman error 404 untuk lebih detilnya anda bisa membaca artikel saya sebelumnya.

Namun kali ini saya hanya akan mengulas kembali sedikit apa permasalahan yang terjadi. Halaman Error dapat kita jumpai ketika kita mengunjungi halaman yang rusak ataupun hilang. Waduh siapa yang ngrusak dan siapa yang nyuri mas? wkwkwk.... Halaman dapt error 404 dapat disebabkan oleh beberapa faktor, yakni halaman telah di hapus ataupun terjadi kesalahan penulisan alamat url, sederhananya seperti itu.

[Demo Disini]

Baiklah seperti yang sudah saya sampaikan di atas, kali ini saya akan memberikan cara untuk membuat halaman error 404 dengan tampilan animasi glazing. Bagi teman-teman yang ingin mencobanya silahkan ikuti langkah-langkah di bawah ini.

Cara Membuat Halaman Error 404

1. Pertama seperti biasa, silahkan sobat login terlebih dahulu ke halaman blogger sobat.
2. Silahkan menuju halaman Template --> edit template.
Note : Ada baiknya sobat melakukan backup template terlebih dahulu untuk antisipasi bila terjadi error.

3. Setelah halaman edit template terbuka, silahkan sobat cari kode </body> , gunakan kombinasi CTRL+F untuk mempermudah pencarian.

4. Setelah kode </body> anda temukan. Silahkan copy dan paste kode di bawah ini di atas kode tersebut.

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<link href='https://cdn.rawgit.com/Cikicips/Cikicips/master/cikicips.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://siabdi.xyz' 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/Cikicips/Cikicips/master/cikicips1.js' type='text/javascript'/></script>
</b:if>

Note : Silahkan ganti alamat blog yang saya tandai dengan alamat blog sobat.

5. Langkah terakhir silahkan simpan template dan lihat hasilnya.

Nah, pada artikel sebelumnya sebenarnya saya juga sudah pernah membahas mengenai cara membuat halaman error 404 yang otomatis teredirect kelaman homepage blog sobat. Bagi anda yang memasagnya di blog. Soabat bisa membaca artikel saya tersebut. Silahkan cari dengan kata kunci error 404.

Demikian cara untuk membuat halaman error 404 dengan efek animasi glazy di blog. Bila sobat memiliki pertanyan seputar cara di atas. Silahkan sobat meninggalkan pertanyaan sobat pada kotak komentar. Selamat mencoba, dan semoga bermanfaat :)