Cara Membuat Halaman Error 404 Simple di Blog

Error 404 adalah halaman yang akan di alihkan jika halaman yang ditujuan oleh orang lain telah di hapus atau tidak ada, error 404 sangat perlu juga karna halaman ini memberitahukan kepada orang bahwa halaman tujuannya sudah tidak ada jadi dia tidak pusing mikirin kemana halaman tersebut pergi.

Sebelum anda melakuan pemasanan Halaman error 404 alahkankah baiknya anda mem backup template anda biar nantinya jika ada kesalahan pada scripht template tidak berantakan.

Bagi anda yang tertarik dengan yang di bahas pada kesmpatan kali ini silahkan anda ikuti langkah langkah berikut ini.

Cara Membuat Halaman Error 404 Simple di Blog

1. Seperti biasa login dulu ke blogger.com
2. Masuk ke dasbor blog anda
3. Pilih Template + Edit HTML
4. Kemudian copas code berikut ini tepat di atas </style> atau ]]><b:skin>
   

   #error-page{background-color:#474747;position:fixed !important;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999}#error-inner{margin:11% auto}#error-inner .box-404{position:relative;font-weight:bold;width:220px;height:210px;background:#cd0000;color:#fff;font-size:80px;line-height:200px;margin:0 auto 25px}#error-inner .box-404::after{content:&quot;&quot;;width:0; height:0; position:absolute;top:0; right:0; border-width:30px; border-style:solid; border-color:#e9e9e9 #e9e9e9 transparent transparent; display:block}#error-inner .box-404::before{content:&quot;&quot;;width:0; height:0; position:absolute;top:0; left:0; border-width:30px; border-style:solid; border-color:#e9e9e9 transparent transparent #e9e9e9; display:block}#error-inner .boxx-404::after{content:&quot;&quot;;width:0; height:0; position:absolute;bottom:0; left:0; border-width:30px; border-style:solid; border-color:transparent transparent #e9e9e9 #e9e9e9; display:block}#error-inner .boxx-404::before{content:&quot;&quot;;width:0; height:0; position:absolute;bottom:0; right:0; border-width:30px; border-style:solid; border-color:transparent #e9e9e9 #e9e9e9 transparent; display:block}#error-inner h2{text-transform:uppercase;color:#cd0000;font-size:50px;margin:0 auto 20px;font-family:monospace}#error-inner h1{text-transform:uppercase;color:#E4E4E4}#error-inner p{line-height:0.7em;font-size:15px;color:#999}

5.   Selanjutnya copas code berikut ini letakkan tepat di atas
   

   <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
       <div id='error-page'>
   <div id='error-inner'>
   <h2>Error</h2>
         <div class='box-404'><div class='boxx-404'>404</div></div>
         <h1>Halaman tidak ditemukan</h1>
     <p>Kemungkinan halaman telah dihapus, atau anda salah menulis URL blog<br/><br/>
       Kembali ke beranda <a expr:href='data:blog.homepageUrl' expr:title='data:blog.title'><data:blog.title/></a></p>
       </div>
         </div>
     </b:if>

6. Kemudian simpan atau save template

Bagaimana mudah bukan, jika ada kesalhan pada artikel ini mohon di maafkan karna manusia tak luput dari kesalahan, jika anda mempeunyai pertanyaan tentang artikel ini mohon di maafkan atau bisa langsung komentar.
Terimakasih.Sekian>Wassalam.