Kamis, 14 Juni 2012

0 cara membuat costum page eror

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.


  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. .
<!-- Start-->   
 <b:if cond='data:blog.pageType == "error_page"'>
<style>
#error-not-found {
    background: #ff0000;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjteAk8okNcR5N0mZ0kTNas1v261__1GLJbRgJBGTOG4ITHCo2ICQr-D9pCSQ7Ajj9PM1neQhGB7818y749l9Z0gKgPEF1SMcpsyVFx5DmsFei-3Cx0NsZ6aJDg6E97y9_GFyiO8sZBrSU/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/AVvXsEjteAk8okNcR5N0mZ0kTNas1v261__1GLJbRgJBGTOG4ITHCo2ICQr-D9pCSQ7Ajj9PM1neQhGB7818y749l9Z0gKgPEF1SMcpsyVFx5DmsFei-3Cx0NsZ6aJDg6E97y9_GFyiO8sZBrSU/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. .

0 komentar:

Posting Komentar

>>><<<