Ads 728x90

Dede Ubed 17 Agustus 0 komentar Read
adscblog
Error 404 merupakan salah satu peringatan kepada anda dari suatu blog di karenakan ada halaman yang kosong ataupun ada sebuah link yang salah sehingga maka muncul lah peringatan tersebut kepada anda

Biasanya Setiap Blog akan memasang Peringatan Error 404 tersebut di blog mereka untuk memberitahukan kepada pengujung nya bahwa halaman tersebut sudah tidak ada atau juga halaman tersebut kosong atau sudah di hapus

Pesan Error 404 ini sering kita Jumpai baik di blog sendiri ataupun di blog orang lain pesan Error ini merupakan bawaan atau dari mesin pencari google Pesan Galat 404 ini  merupakan kode pesan tanggap standar HTTP ataupun HTTPS yang menunjukan pengujung masih tetap berada di blog kita namun halaman yang mereka cari sudah tidak ada atau salah

Dan disini saya akan berbagi trik bagaimana cara mudah memasang Custom Error 404 sederhana namun mungkin akan bermanfaat untuk sobat blogger semua,sehingga sobat apa salah nya untuk mencoba custom error page 404 ini

Keunikan dari Pesan Error 404 yang saya share ini adalah ketika pengujung mencari artikel yang mereka cari dan kebetulan tidak ada atau salah maka akan muncul peringatan 404 tersebut keunikan nya pesan error 404 tersebut akan me reload sendiri nya ke halaman Homepage tanpa harus di klik oleh pengunjung (otomatis)

Dengan demikian pengunjung tidak perlu keluar dari halaman error tersebut dengan mengklik link yang lain nya tetapi Kode tersebut mereples dengan sendiri nya ke halaman depan atau ke Homepage

Jika Sobat tertarik dengan Pesan Error tersebut sobat bisa memasang nya di blog sobat dengan mengikuti langkah langkah penerapan nya sebagai berikut
  • Masuk akun blogger
  • Setelah berada di akun blogger klik Setelan > Preferensi penelusuran 
  • Kemudian Klik "Edit" di bagian Pesan Khusus untuk halaman tidak di temukan
  • Dan Masukan Kode berikut
  • Lalu Kemudian Save atau Simpan Perubahan
<style type="text/css">
#error-404 { 
border: 20px solid #1B1B1B; 
border-radius: 240px 240px 240px 240px; 
height: 240px; margin: 0 auto 40px;
text-align: center; 
transition: all 0.8s ease 0s;
width: 240px; 
} 
#error-404:hover { 
border-color: #333; 
} 
#error-404 span {
color: #FA4C29; 
font-size: 100px; 
font-weight: bold; 
line-height: 240px; 
} 
.large-heading { 
font-size: 48px; line-height: 1.2em; 
} .light-heading { 
font-weight: 400; 
} .status-msg-bg { 
background-color: transparent; 
} .sidebar-wrapper, 
.page-header { 
display: none; 
} 
.main-wrapper { 
margin-right: 0; 
} .outer-wrapper {
 min-height: 0; 
} 
.status-msg-border { 
border: 0 none; 
} 
</style>
<div id="error-404"> <span>404</span>
</div> <h2 class="large-heading" style="text-align: center;">Page not found.</h2>
<h3 class="light-heading" style="text-align: center;">Sorry, the page you were looking for on this blog does not exist.<br>You will be redirected shortly to the homepage.</h3>
<script type = "text/javascript">
BSPNF_redirect = setTimeout(function() {
location.pathname= "/"
}, 5000);
</script>
Nah itulah Cara Membuat Custom Error 404 di blog,semoga artikel ini bisa membantu sobat blogger semua selamat mencoba
adscblog

ads1
Posted by Dede Ubed, Published at 17 Agustus and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi

Ads 728x90