Modifikasi Page Error Blogger

Halo sobat Share-Tuts

Buat sobat Share-Tuts yang masih make Old Blogger interface/Tampilan Blogger yang lama, Kali ini Share-Tuts buat tutorial buat sobat semua yang pengen memodifikasi 404 Page Error nya dengan New Blogger interface/Tampilan Blogger yang baru seperti punya Share-Tuts Demonya klik disini.

Nah kalau sobat kepingin untuk mencoba silahkan ikuti tutorial kali ini ^_^.

Oke langsung ke tkp ya sobat :

1. Login ke akun blogger sobat
2. Klik Template > Edit HTML > Centang Expand Widget Template
3. Cari kode </body>
4. masukkan  kode / script dibawah ini diatas kode </body>

<!-- Start-->  
 <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Share-Tuts 404 Page Not Found!!!</title>
<style>
#error-not-found {
    background: #A7A7A7;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6wFB98EYrmPwJSNEPhGet11CQvMLpvVMBnBFzjuYvRLIa7xJvhaB859vL-7fITpoZRhvq0zzzPg0diBpFOMP8sLKY2seGFhy7z8IHRSkRbTrf6qdw1VOE-gvOOpRgUstgMp_ZDG7WiVM/s1600/bg_body.gif)no-repeat top center,-moz-radial-gradient(center 40%, circle cover, #A7A7A7 0%, #E2E2E2 100%);
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6wFB98EYrmPwJSNEPhGet11CQvMLpvVMBnBFzjuYvRLIa7xJvhaB859vL-7fITpoZRhvq0zzzPg0diBpFOMP8sLKY2seGFhy7z8IHRSkRbTrf6qdw1VOE-gvOOpRgUstgMp_ZDG7WiVM/s1600/bg_body.gif)no-repeat top center,-webkit-gradient(radial, center 40%, 0,  center 40%, 800, from(#a7a7a7), to(#E2E2E2) );   
        text-align:center;
        position:fixed;
        top:0px;
        right:0px;
        bottom:0px;
        left:0px;
        padding-top:270px;
        z-index:999999;
}
#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'>
<center><img src='http://i.eho.st/ppjm3sh0.png'/></center>
 <p> <a expr:href='data:blog.homepageUrl' title='home page'> Back Home page</a></p>
            </div>
</b:if>               
<!-- end-->

5. Setelah sobat masukkan kode diatas lalu klik Simpan Template/Save Template

Sekarang liat hasilnya diblog sobat dengan cara http://namablogsobat.blogspot.com/404 . Kalau berhasil beri komentar dulu yah atau like postingan ini :D

Sekian dari Share-Tuts

Anda sedang membaca artikel tentang Modifikasi Page Error Blogger dan anda bisa menemukan artikel Modifikasi Page Error Blogger ini dengan url http://share-tuts.blogspot.com/2012/10/modifikasi-page-error-blogger.html. Anda boleh menyebarluaskan atau mengcopy artikel Modifikasi Page Error Blogger ini jika memang bermanfaat bagi anda atau teman-teman anda,namun jangan lupa untuk mencantumkan link sumbernya.

Ingin mempromosikan Blog, Produk, Bisnis, Jualan atau lainnya ? Sobat bisa memasangnya diBlog ini. Tunggu apa lagi mumpung masih ada slot untuk sobat. Silahkan hubungi ane dengan meng-Klik Disini

Related Posts :