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 != "error_page"'>
/* 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
4 Komen Membuat Halaman Error 404 Keren di Blog Ala Mas Yadi
keren juga kalo 404 Page Errornya di gnti kaya bgitu :D
ada Minionnya lagi xD
hehhee , betul keren ada minionya ^_^
Mas mau tanya sy pemula,baru buat 3 artikel apakah sudah bisa daftar ke adsense
kayanya sudah bisa mas, sdah bisa di tolak :D
= > Silahkan berkomentar sesuai artikel diatas
= > Berkomentar dengan url ( mati / hidup ) tidak akan di publish