Home » Tutorial Blogging » Membuat Halaman Error 404 Keren di Blog Ala Mas Yadi

Membuat Halaman Error 404 Keren di Blog Ala Mas Yadi

Cara Membuat Halaman Error 404 Keren di Blog Ala Mas Yadi - Membuat Page Error Not Found pada blog juga pernah saya share sebelumnya di blog saya yang satunya , Kali ini saya akan Memberikan tutorial kepada anda untuk buat halaman 404 yang error di blog , pada awalnya halaman error ini ada karena disebabkan beberapa kemungkinan , antara lain seperti penulisan alamat url blog salah , artikel blog di hapus dan lain - lain , laman error keren ini saya ambil dari template fastest magz mas sugeng , karena page error ini keren , maka saya impletasikan di blog saya

Untuk demo page error 404 keren di blogger , nanti jadinya akan seperti punya saya berikut ini , atau anda juga dapat masuk ke page error 404 di blog saya http://www.masyadi.com/error404 berikut demo halaman error emapt ratus empat keren ala mas yadi

Cara Membuat Page Error 404 Keren di Blog Ala Mas Yadi

Seperti biasa Masuk dulu ke editor Template
Kita buat Tag kondisional halaman error 404 , caranya pasang kode tag kondisional berikut dibawah kode ]]></b:skin>
```
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>

/* CSS ERROR DISINI */

</b:if>
```

Kemudian anda pasang kode css dibawah ini , diantara tag kondisionalnya tadi ( /* CSS ERROR DISINI */ )

.artikel{margin:0;max-width:100%}
#sidebar-wrapper{display:none}
.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{display:none!important}

Keterangan kode CSS di atas :
.artikel = merupakan bagian post yang akan kita buat lebarnya 100%
.status-msg-border,#blog-pager,#sidebar = merupakan elemen yang akan disembunyikan , maka dari itu silahkan sesuaikan dengan template anda

Jika sudah maka simpan template dan lihat hasilnya
Untuk mengecek halaman error tambahkan kode /error404 dibelakang url blog anda contoh http://www.masyadi.com/error404

Mungkin untuk yang baru mengenal css dan html tutorial ini agak sulit untuk anda , karena paling nggak kita harus sedikit mengerti css dan html , bagi anda yang gagal membuat halaman error keren ini , anda dapat mempelajari di template yang telah saya bagikan , yaitu ahmad suyadi blogger template , karena disitu udah ada page error 404