Gambar dari Google


Dalam tutorial kali ini kita akan menggunakan Tag Kondisional Halaman error untuk membuatnya, karena dengan menggunakan Tag kondisional, pengerjaan tutorial kali ini akan lebih mudah dan halaman Error dapat tereload dengan cepat sabagai mana mestinya, karena tidak menggunakan Redirect.

Berikut inilah cara sederhana untuk menciptakan Halaman Error 404, pertama kita bungkus dulu halaman yang tidak akan tampil pada halaman Error 404 / halaman kecuali halaman Error, berikut konsepnya

<body>
    <b:if cond="data:blog.pageType != &quot;error_page&quot;">
        ...
        ...
        Daerah ini berisi bagian-bagian utama dalam sebuah blog seperti main-wrapper, sidebar-wrapper, hingga footer-wrapper.
        Daerah ini akan diabaikan karena kita berada di dalam kondisi pengingkaran.
        ...
        ...
    </b:if>
    <b:if cond="data:blog.pageType == &quot;error_page&quot;">
        <div id="error-page">
           Tuliskan sesuatu di sini. Bagian ini hanya akan tampil saat halaman tidak ditemukan.
        </div>
</b:if>
</body>


Sisanya tinggal menambahkan CSS untuk memperganteng Halaman 404 nya

#error-page {
    text-align: center;
    z-index: 99999;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    padding: 50px 0px;
    background-color:#fff 
}