How to Install page on Blog 404 : Halaman error 404 merupakan halaman yang akan muncul ketika posting hilang atau terhapus. Banyak para Blogger cenderung mengabaikan fitur ini dan tidak pernah berpikir untuk merancangnya. Padahal dengan membuat halaman error 404 yang user-friendly bisa membuat pengunjung untuk tetap tidak meninggalkan blog kita.
Tutorial ini sebenarnya sudah banyak yang dibahas oleh para master blogger, maka tidak salahnya saya kembali membagikan untuk Anda siapa tahu saja ada yang belum memasangnya pada blog.
1. Masukan CSS berikut ini diatas kode ]]></b:skin>
atau </stytle>
/* Halaman 404 Tutorialnes */
#error-page{background-color:#e9e9e9;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:"";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:"";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:"";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:"";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:#399edf}
#error-inner p{line-height:0.7em;font-size:15px;color:#999}
2. Paste kode berikut ini di bawah <body>
<b:if cond='data:blog.pageType != "error_page"'>
3. Paste lagi kode ini tepat di atas </body>
</b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<div id='error-page'>
<div id='error-inner'>
<div class='box-404'><div class='boxx-404'>404</div></div>
<h2>Error</h2>
<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>
4. Terakhir, ubah tag tittle menjadi seperti ini
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Laman Tidak Ditemukan - <data:blog.title/></title>
<b:else/>
</b:if>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if>
5. Save.