Cara Membuat Halaman Error 404 Keren di Blog

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

1. Masuk dulu kebagian Template => Edit HTML
2. 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 != &quot;error_page&quot;'>
   
   /* CSS ERROR DISINI */
   
   </b:if>

3. 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
4. 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 :)