Cara Membuat Error 404 Halaman jadi Keren pada Blogger

Erorr Halaman adalah tidak adanya atau tidak ditemukannya pada sebuah situs website dengan perintah 404 Not Found. Umumnya pada blogger ini tidak diperlukan, jika anda ingin mempercantik blog anda dengan mungkin ini sangat perlu. Karena ini memberi pesan kepada pengunjung jika mencari apa yang ada di situs website tersebut tidak maka diberi pesan "Kemungkinan halaman telah dihapus, atau anda salah menulis URL pada situs ini!". Seperti itulah pesannya, nanti Anda bisa mengubahnya.

Screenshoot :

Cara Membuat Error 404 Halaman Blogger Jadi Keren

Cara Pertama : 

1. Buka Blogger - Kemudian login

2. Dashboard - Template

3. Edit HTML

Proses Pembuatan : 

1. Temukan kode ]]></b:skin> atau </style>

2. Copy&paste kode berikut ini, dan letakkan di atas kode ]]></b:skin> atau </style>

#error-page {
background-color:#e9e9e9;
position:fixed !important;
position:absolute;
text-align:center;
top:0;
right:0;
bottom:0;
left:0;
z-index:99999;
}
#error-inner {
margin:11% auto;
}
#error-inner .box-404 {
position:relative;
font-weight:bold;
width:220px;
height:210px;
background:#cd0000;
color:#fff;
font-size:80px;
line-height:200px;
margin:0 auto 25px;
}

#error-inner .box-404::after {content:""; width:0;  height:0;  position:absolute; top:0;  right:0;  border-width:30px;  border-style:solid;  border-color:#e9e9e9 #e9e9e9 transparent transparent;  display:block;}
#error-inner .box-404::before {content:""; width:0;  height:0;  position:absolute; top:0;  left:0;  border-width:30px;  border-style:solid;  border-color:#e9e9e9 transparent transparent #e9e9e9;  display:block;}
#error-inner .boxx-404::after {content:""; width:0;  height:0;  position:absolute; bottom:0;  left:0;  border-width:30px;  border-style:solid;  border-color:transparent transparent #e9e9e9 #e9e9e9;  display:block;}
#error-inner .boxx-404::before {content:""; width:0;  height:0;  position:absolute; bottom:0;  right:0;  border-width:30px;  border-style:solid;  border-color:transparent #e9e9e9 #e9e9e9 transparent;  display:block;}

#error-inner h2 {text-transform:uppercase;color:#cd0000;font-size:50px;margin:0 auto 20px;font-family:monospace}
#error-inner h1 {text-transform:uppercase;color:#399edf;}
#error-inner p {line-height:0.7em;font-size:15px;color:#999;}/code>

3. Temukan kode </head>
4. Copy&paste kode berikut ini, dan letakkan dibawah kode </head> ingat! dibawah kode </head>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
    <div id='error-page'>
<div id='error-inner'>
<h2>Error</h2>
      <div class='box-404'><div class='boxx-404'>404</div></div>
      <h1>Halaman tidak ditemukan</h1>
  <p>Kemungkinan halaman telah dihapus, atau anda salah menulis URL blog<br/><br/>
    Kembali ke beranda <a href='/' title='MayCyber-Download'>MayCyber-Download</a></p>
    </div>
      </div>
</b:if>

Catatan : Tulisan merah, Silakan anda ganti dengan Judul blog anda.

5. Simpan Template!

Untuk Mengunji Coba Halaman Erorr 404 ini!

1. Silakan anda sengaja menulis URL Alamat blog anda yang salah.

Misalnya :

http://maycyber-download.blogspot.com/seo
http://maycyber-download.blogspot.com/testing

Letak kesalahannya pada tulisan merah. Karena pengunjung salah menulis alamat blog atau bisa juga di form search jika memasangnya.

Wajib Baca :
Jika untuk menguji coba Error 404 Halaman ini seperti menulis dengan sengaja URL alamat blog yang salah. Kemungkinan robot.txt akan mengindex Error page itu, dan pasti ada pesan di Google Webmaster karena kesalahan ini (404 Not Found). Jika anda ingin mencobanya tidak masalah, karena Erorr 404 ini sudah tidak asing lagi dikalangan blogger. Cara mengatasinya di Google Webmaster - Kesalahan Perayapan.

Demikianlah Tutorial Blogger kali ini, jika anda kurang mengerti, atau jika terjadi kesalahan? Silakan jangan sungkan untuk berkomentar dibawah ini. Terakhir silakan anda membuat kesalahan URL seperti contoh diatas. Sekian dari saya, Semoga Bermanfaat! Thanks for Reading & Sharing : Cara Membuat Error 404 Halaman jadi Keren pada Blogger

Share this post

Related Post