Membuat Halaman Error 404 - Oke sobat masih di seputaran blog,kali ini Hobby Klik akan membahas Pembuatan Halaman Error Yang Unik. Kita akan membuatnya dengan menggunakan Tag Kondisional, karena dengan Tag Kondisional pengerjaannya akan lebih gampang.
Pertama kali kita harus membungkus halaman yang tidak tampil di halaman error.
Berikut Caranya:
<body>
<b:if cond="data:blog.pageType != "error_page"">
... 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 == "error_page"">
<div id="container-error">
<div id="error-page">
Tuliskan sesuatu di sini. Bagian ini hanya akan tampil saat halaman tidak ditemukan.
</div>
</div>
</b:if>
</body>
Nah sisanya sobat tinggal mengganti tulisan yang merah diatas dengan tulisan yang sobat inginkan. Dan sisanya kita akan mempercantik tampilan halaman Error tersebut dengan kode CSS.
/* CSS Error by Arlina Design */
#container-error{text-align:center;z-index:99999;width:100%;height:100%;position:fixed;top:0;right:0;bottom:0;left:0;padding:0;background-color:#3498db;color:#fff;font-size:3rem;font-weight:700}
#container-error h3,#container-error h4{display:block;text-align:center;margin-bottom:30px;font-size:2rem;font-weight:700;color:#aaa}
#container-error h3{margin-top:30px}
#error-page{position:relative;max-width:920px;margin:6% auto;line-height:normal}Begitulah kira-kira tutorial dari Hobby Klik untuk membuat halaman error menjadi unik atau menjadi cantik.
Selamat Mencoba
TERIMA KASIH
No comments:
Post a Comment