Cara Membuat Halaman Error 404 Keren di Blog - Halaman error 404 meruapakan halaman yang dalam pengetikan url salah maupun artikel sudah di hapus maka timbulah halaman error . kali ini saya akan berbagi cara mendesign halaman error yang keren di blog anda . tutor ini saya ambil dari template mas sugeng fastest magz v3 . dan kemudian saya terapkan juga di blog saya ini . tapi karena ada yang request , saya akan bagikan tutorialnya membuat halaman error 404 . demonya seperi di bawah ini
Cara Membuat Halaman Error 404
- Masuk dulu kebagian Template => Edit HTML
- Sebelum kita pasang CSS nya kita pasang dulu tag kondisionalnya , silahkan anda pasang tag kondisional berikut dibawah kode
]]></b:skin>
<b:if cond='data:blog.pageType != "error_page"'>
/* CSS ERROR DISINI */
</b:if>
- Kemudian anda pasang kode css dibawah ini , diantara tag kondisionalnya tadi ( /* CSS ERROR DISINI */ )
#post-wrapper{max-width:100%;width:100%!important}
.status-msg-wrap{width:100%;background:#fff url(http://2.bp.blogspot.com/-GJqe_Mw3nCA/Udkt6st2LGI/AAAAAAAACFg/vnAqikDNzmQ/s1600/404.png) no-repeat center 10px;display:block;margin:0 auto;position:relative;min-height:150px;font-family:"Oswald",Verdana,Sans-Serif;text-shadow:1px 1px #fff,2px 2px #ccc,3px 3px #ddd,4px 4px #eee;font-size:2.2em;font-weight:400}
.status-msg-body{padding:150px 0 20px 0;max-width:100%!important;width:auto!important;position:relative!important;text-align:center;line-height:1.4em}
.status-msg-border,#blog-pager,#sidebar{display:none!important}NOTE:
Sebelum anda menyimpanya silahkan sesuaikan dulu kode CSSnya
Keterangan kode di atas :
#post-wrapper = merupakan bagian post yang akan kita buat lebarnya 100%
.status-msg-border,#blog-pager,#sidebar = merupakan elemen yang akan disembunyikan
- Jika sudah maka simpan template dan lihat hasilnya
Untuk mengecek halaman error tambahkan kode /error404 dibelakang url blog anda contoh http://ahmadsuyadi.blogspot.com/error404
Demikian dari saya tutoial tentang Cara Membuat Halaman Error 404 Keren di Blog , jika sobat butuh bantuan silahkan hubungi saya atau komen dibawah :)