Cara Membuat Page Not Found 404 Di Blog

Cara Membuat Page Not Found 404 Di Blog

Tampilan ini berguna bagi suatu label atau laman yang belum ada artikel ataupun masih dalam perbaikan dengan tampilan dan link redirect ke home blog berguna agar pengunjung tidak pergi dari blog kamu ketika menemukan halaman 404 not found di blog kamu.

Kostumisasi page not found ini juga saya gunakan pada blog ini seperti gambar di atas itu, demo nya kamu bisa klik www.sanjaya404.blogspot.co.id/404notfound

CARA MEMBUAT PAGE NOT FOUND 404

1. Login
2. Buka Template HTML nya
3. Kemudian copy kode dibawah ini, kemudian paste kan sebelum/diatas kode </body>

<b:if cond='data:blog.pageType == "error_page"'>
<style type='text/css'>
.header-wrapper,.sidebar-wrapper,.sidebar2-wrapper,.sidebar3-wrapper,.sidebar4-wrapper,.sidebar5-wrapper,.sidebar6-wrapper,.breadcrumbs,#blog-pager,.post-footer, #comments,.hosting,#undertitle-wrapper,#top-menu,.creditwrap{display:none}
.main-wrapper{width:100%}
.outer-wrapper{width:100%}
#error-404 {text-align: center; transition: all 0.8s ease 0s;color: #b0130d; font-size: 150px; font-weight: bold;}
#error-404:hover {color: #333;}
.large-heading1 {font-size: 70px;margin-top:10%;}
.large-heading2 {font-size: 48px;}
.light-heading1 {font-size: 20px;font-weight: 400;}
.light-heading2 {font-weight: 400;} 
</style>
<div class='large-heading1' style='text-align: center;'>OOPS!</div>
<div id='error-404'>404</div>
<div class='large-heading2' style='text-align: center;'>LAMAN TIDAK DITEMUKAN</div><br/>
<div class='light-heading1' style='text-align: center;'>Kami mohon maaf atas ketidaknyamanan ini</div><br/>
<div class='light-heading2' style='text-align: center;'>Silahkan kembali ke Halaman Utama <a href='/' title='Homepage'><b>Sanjaya 404</b></a> dan gunakan <b>Search Box</b> untuk kembali mencari artikel yang Anda inginkan.<br/> atau laporkan jika ada kesalahan melalui <a href='#' title='Contact'><b>Contact</b></a>
</div></b:if>

5. Jika sudah Simpan dan lihat hasilnya dengan mengetikkan www.namablogkamu.blogspot.co.id/404. CMIIW


Source Code : Kompi Ajaib

Related Posts:

0 komentar:

Post a Comment