KLIKRECEH.COM – Script Custom Error 404 Untuk Blog Bagi anda semua yang menggunakan blogspot dan ingin menambahkan error 404 pada website anda, maka anda bisa menambahkan script yang akan kami tulis pada artikel kali ini supaya dapat menambahkan custom error 404 di blogger dengan sangat mudah dan pastinya bisa dilakukan oleh siapapun.

Script custom error 404 untuk blog yang akan kami bahas pada artikel kali ini supaya blog yang anda miliki ketika dikunjungi oleh para pengunjung melalui search engine baik Google ataupun Bing agar tidak lagi error 404 dikarenakan hal tersebut menjadi sesuatu yang tidak baik bagi website yang anda miliki terutama ketika mendapatkan kesalahan tersebut.

Error 404 bisa disebut oleh beberapa faktor seperti para pengunjung melakukan kesalahan pengetikan alamat url, sedang mencoba mengunjungi halaman yang memang tidak terdaftar di situs blog milik anda atau bisa diakibatkan karena alamat url yang mereka kunjungi ternyata sudah dihapus oleh anda.

Dengan adanya custom error 404 yang anda buat di blog maka hal ini bisa memberitahukan kepada para pengunjung jika URL yang sedang mereka akses memang tidak terdaftar dan anda pun bisa mengikuti langkahnya berikut ini.

Custom Error 404

Untuk langkah menambahkan custom error 404 di blogger silakan Anda mengikuti caranya dibawah ini dan dipastikan sangat mudah untuk Anda lakukan.

  • Silakan terlebih dahulu Anda masuk ke halaman dasbor blogger
  • Selanjutnya pilih template, lalu pilih edit HTML.
  • Silakan backup terlebih dahulu template anda
  • Silakan tambahkan script berikut ini tepat di atas kode: </head>

<b:if cond=’data:blog.pageType == &quot;error_page&quot;’>
<style type=’text/css’>
/* CSS Error 404 */
#oopss{background:#222;text-align:center;margin-bottom:50px;font-weight:400;font-size:20px;position:fixed;width:100%;height:100%;line-height:1.5em;z-index:9999;left:0}#error-text{top:30%;position:relative;font-size:40px;color:#eee}#error-text a{color:#eee}#error-text a:hover{color:#fff}#error-text p{color:#eee;margin:70px 0 0}#error-text i{margin-left:10px}#error-text p.hmpg{margin:40px 0 0}#error-text span{position:relative;background:#ef4824;color:#fff;font-size:300%;padding:0 20px;border-radius:5px;font-weight:bolder;transition:all .5s;cursor:pointer;margin:0 0 40px}#error-text span:hover{background:#d7401f;color:#fff;-webkit-animation:jelly .5s;-moz-animation:jelly .5s;-ms-animation:jelly .5s;-o-animation:jelly .5s;animation:jelly .5s}#error-text span:after{top:100%;left:50%;border:solid transparent;content:”;height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(136,183,213,0);border-top-color:#ef4824;border-width:7px;margin-left:-7px}.back:active{-webkit-transform:scale(.95);-moz-transform:scale(.95);transform:scale(.95);background:#f53b3b;color:#fff}.back:hover{background:#4c4c4c;color:#fff}.back{text-decoration:none;background:#5b5a5a;color:#fff;padding:10px 20px;font-size:20px;font-weight:700;line-height:normal;text-transform:uppercase;border-radius:3px;-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1);transition:all .5s ease-out}@-webkit-keyframes jelly{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}@keyframes jelly{from,to{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}}@media only screen and (max-width:640px){#error-text span{font-size:200%}#error-text a:hover{color:#fff}}
</style>
</b:if>

  • Setelah anda simpan script diatas maka Selanjutnya silakan Anda salin script berikut ini dan silakan Letakkan tepat di bawah kode: <body>
Baca juga :  Cara Mempercepat Loading Blog Terbaru 2019

<b:if cond=’data:blog.pageType == &quot;error_page&quot;’>
<div id=’oopss’>
<div id=’error-text’>
<span>404</span>
<p>PAGE NOT FOUND</p>
<p class=’hmpg’><a expr:href=’data:blog.homepageUrl’ class=”back”>Back To Home</a></p>
</div>
</div>
</b:if>

  • Setelah itu silakan save dan anda lakukan pengecekan.

Nah itulah, pembahasan klik receh tentang bagaimana menambahkan script custom error 404 untuk blog yang anda miliki. Semoga artikel yang kami tulis bisa menjadi referensi untuk anda semua dan kami ucapkan selamat mencoba.

LEAVE A REPLY

Please enter your comment!
Please enter your name here