Membuat Halaman Error 404 di Blog

/ 22 Mei 2012 /
Lagi dapat tugas ngeblog lagi, ya kalau dilihat dari judulnya ce kami disuruh membuat halaman error pada Blog.
Langsung dech googling kesana kemari cari pengertian dan tutorial membuatnya.
Dan akhirnya nemu juga di blognya Mas Andre Pandet. Klik disini untuk melihat blognya mas Andre.

Kalau masing bingung coba dech brada & sista lihat DEMOnya. Klik Me!!!
Kalau mau coba silahkan tambahin halaman home page blogku ini setelah .com/kgvsvkbskv
yang warna merah silahkan diganti kata awur-awuran.

Langsung saja kita coba dech tutorialnya.
  1. Masuk ke blog nya masing-masing lo ya
  2. Masuk di Edit HTML
  3. Cari Script "</body>"
  4. Pake ctrl+f kalau bingung nyarinya, biasanya ada paling bawah diatas </html>
  5. Copy Script dibawah ini, Diatas code no. 3 Brad & Sist. .
  6. <!-- Start-->  
     <b:if cond='data:blog.pageType == "error_page"'>
    <style>
    #error-not-found {
        background: #ff0000;
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGGNxBi9L8FooV2Nf22GG_aUb-KRfpTfHGm-2A4TWTjUuqLKMKKiFx41McUMJj9xzacFI6P9M4zeFXjkrNFkjYn10rIN4hOffCALeg5AN3OubFLlBjXefNy0D9GFk5lf0bodDsRpb_nz0/s1600/bg_body.gif)no-repeat top center,-moz-radial-gradient(center 40%, circle cover, #ff0000 0%, #880000 100%);
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGGNxBi9L8FooV2Nf22GG_aUb-KRfpTfHGm-2A4TWTjUuqLKMKKiFx41McUMJj9xzacFI6P9M4zeFXjkrNFkjYn10rIN4hOffCALeg5AN3OubFLlBjXefNy0D9GFk5lf0bodDsRpb_nz0/s1600/bg_body.gif)no-repeat top center,-webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#ff0000), to(#880000) );   
            text-align:center;
            position:fixed;
            top:0px;
            right:0px;
            bottom:0px;
            left:0px;
            padding-top:270px;
            z-index:999999;
    }
    #error-not-found  h1 {
            font-size:640px!important;
            position:absolute;
            font-family:impact,sans serif!important;
            top:70px;
            left:50%;
            letter-spacing: -8px;
            margin-left:-502px!important;
            width:960px;
            z-index:-2;
            color:rgba(0,0,0,.09)!important;
    }
    #error-not-found  h2 {
            font-family:arial black,sans serif!important;
            text-transform:uppercase;
            font-size:81px;
            line-height:66px!important;
            letter-spacing: -3px;
            color:#fff!important;
            margin:0!important;
            padding:0!important;
    }
    #error-not-found p a,
    #error-not-found p a:visited,
    #error-not-found p a:hover{
            font-family:arial black,sans serif!important;
            text-transform:uppercase;
            font-size:56px;
            line-height:40px!important;
            border:none;
            font-weight: bold;
            color:rgba(0,0,0,.5)!important;
            margin:0!important;
            padding:0!important;
            text-decoration:none!important;
    }
    </style>
    <div id='error-not-found'>
     <h1>404</h1> <h2>Maaf Mas, Mbak</h2>
     <h2>Page Not Found</h2>
     <p> <a expr:href='data:blog.homepageUrl' title='home page'> Back Home page</a></p>
                </div>
    </b:if>                <!-- end-->
     6. Save templatenya kalau udah sist n brad. .

Pengikut

Banner Contest

Rank

Mengenai Saya

Foto saya
Saya pelajar yang selalu mencoba untuk mengetahui hal-hal yang masih saya bingungkan.

Post Ampuh

  • Lagi dapat tugas ngeblog lagi, ya kalau dilihat dari judulnya ce kami disuruh membuat halaman error pada Blog. Langsung dech googling ke...
  • HMPS TI Unikama dan Kampus Multikultural antara sebuah Organisasi Mahasiswa dan disingkat HMPS TI Unikama . Benar sekali HMPS TI adalah s...
  • Membuat Bullet List Dengan Css - Hmm, udah sumpek gara-gara blogku error, cari tutorial malah nemuin ini, langsung saja aku coba, gag t...
  • Lanjutan dari postingan saya yang kemarin adalah tentang membuat scroll bar pada blog juga, kini saya mencoba share membuat scroolbar ya...
 
Copyright © 2012 Fidiana Vievy, All rights reserved
Design by DZignine. Powered by Blogger