Cara Menciptakan Error 404 Halaman Jadi Keren Pada Blogger

Baca Juga

Erorr Halaman yaitu tidak adanya atau tidak ditemukannya pada sebuah situs website dengan perintah 404 Not Found. Umumnya pada blogger ini tidak diperlukan, kalau anda ingin mempercantik blog anda dengan mungkin ini sangat perlu. Karena ini memberi pesan kepada pengunjung kalau 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 dapat mengubahnya.

Screenshoot :

Cara Membuat Error 404 Halaman Blogger Makara 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 arahan 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 arahan </head>
4. Copy&paste arahan berikut ini, dan letakkan dibawah arahan </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=''></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 :

https://mamankdzgn.blogspot.com/seo
https://mamankdzgn.blogspot.com/testing

Letak kesalahannya pada goresan pena merah. Karena pengunjung salah menulis alamat blog atau dapat juga di form search kalau memasangnya.

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

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