Skip to HeaderSkip to PostSkip to Footer

Cara Membuat Page 404 Not Found Di Blog

Table of Content
    Cara Membuat Page 404 Not Found Di Blog - Page atau Juga Di Sebut Halaman 404 Adalah Halaman yang muncul akibat Kesalahan Ketik Pada Url. Pada Setiap Website, Selalu ada yang Namanya Page 404 Not Found yang berguna untuk memberitahu pengunjung website Karena adanya Kesalahan Ketik URL. Kali Ini J4rviz Blog Akan Share Cara Membuat Page / Halaman 404 Not Found di Blog. Berikut Cuplikan Dan Halaman 404 Not Found nya.

    Cara Membuat Page / Halaman 404 Not Found di Blog 

     Note : Utamakan Backup Template Sebelum Experiment..

    1. Masuk Ke Template lalu Edit HTML
    skin
    skin
    ]]></b:skin>
    ]]></b:skin>
    2. Masukan Code Berikut dibawah code ]]></b:skin>
    <b:if cond='data:blog.pageType != &quot;error_page&quot;'>

    /* CSS ERROR DISINI */

    </b:if>
    3. Kemudian Sobat pasang kode css dibawah ini , diantara code 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 : Untuk Tulisan
    http://2.bp.blogspot.com/-GJqe_Mw3nCA/Udkt6st2LGI/AAAAAAAACFg/vnAqikDNzmQ/s1600/404.png
    , Ganti Dengan URL Gambar Yang Sobat Inginkan.
    4. Jika Semua Langkah Sudah Selesai, Silahkan Sobat Cek Halaman 404 Not Found di Blog Sobat Dengan Menambahkan /error404notfound di Belakang URL Blog Sobat, Contoh : http://J4rviz.blogspot.com/error404notfound

    Oke... Sekian dari Artikel Saya... Semoga Bermanfaat..
    terima kasih sudah mau berkunjung dan jangan lupa Komen + Follow Blog ini untuk Mengikuti Update terbaru J4rviz Blog

    Comments

    Post a Comment

    This is a comment message for you.