» » 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 Keren di Blog


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 :)

About Redi Octo

Hi there! I am Hung Duy and I am a true enthusiast in the areas of SEO and web design. In my personal life I spend time on photography, mountain climbing, snorkeling and dirt bike riding.
«
Next
Newer Post
»
Previous
Older Post

No comments:

Leave a Reply