Cara Membuat Halaman Error 404 Not Found di Blogspot

Cara Membuat Halaman Error 404 Not Found di Blogspot, error 404 not found adalah tanda kalau alamat atau halaman yang di tuju tidak ada, ini disebabkan karena bisa jadi alamat tujuan salah dan juga karena memang halaman sudah terhapus, nah jika sobat tak sengaja atau sengaja menghapus artikel postingan di blog terkadang url link masih tertinggal di mesin pencarian maka timbulah peringatan 404 ini, untuk link yang masih tertinggal di mesin pencarian sebenarnya bisa sobat hapus di Google webmaster, jika blog sobat belum terdaftar silahkan bisa baca Cara Daftar dan Verifikasi Blog di Google Webmaster Tools dan untuk cara menghapusnya bisa baca Cara Menghapus Link Not Found 404 di Blogger

Peringatan 404 sendiri sudah menjadi hal biasa pada setiap blog dan website, hampir semua pasti mempunyai error seperti 404, untuk dampak 404 sendiri tidak ada hanya saja blog atau website terlihat kurang baik karena terdapat error not found ini, selain menghapus url link yang sudah rusak seperti yang saya jelaskan di atas, alternatif lainya sobat bisa mengalihkan error 404 ke homepage atau bisa juga di alihkan ke artikel lainya, untuk caranya bisa baca Cara Mengalihkan Error Page Not Found 404 Blogger Permanen

Untuk cara membuat halaman error 404 ada banyak model tampilan yang bisa sobat cari di Google atau sobat bisa bikin sendiri sesuai kreasi sobat, kenapa mesti membuat halaman error not found, dibilang penting tidak penting itu lebih mengarah pada keinginan sobat sendiri, karena biasanya setiap template terdapat peringatan sendiri untuk halaman tidak di temukan/404, namun untuk tampilanya sendiri juga berbeda, nah di bawah ini adalah contoh halaman 404 yang saya bagikan
Cara Membuat Halaman Error 404 Not Found di Blogspot
Untuk cara membuatnya silahkan simak langkah di bawah ini :
  • Buka Blogger => Template => Edit HTML, Copy kode di bawah ini dan pastekan tepat di bawah <body>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
  • Selanjutnya Copy code script d bawah ini dan pastekan di atas </body>
</b:if><b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<style type='text/css'>
a:link{color:#859ce6;text-decoration:none}
a:visited{color:#859ce6;text-decoration:none}
a:hover{color:#333;text-decoration:none}
#search-box{position:relative;width:350px;margin:10px auto}
#cse-search-box{height:30px;border-radius:2px;background-color:#fff;overflow:hidden;border:1px solid #bbb}
#search-text{font-size:12px;color:#ddd;border-width:0;background:transparent}
#search-box input[type=&quot;text&quot;]{width:85%;padding:5px 20px 12px 0;color:#666;outline:none}
#search-button{position:absolute;top:0;right:0;height:32px;width:20px;margin-top:10px;font-size:14px;color:#fff;text-align:center;line-height:0;border-width:0;background:url(http://1.bp.blogspot.com/_C6KkooKXCEw/TIBqtV6pdmI/AAAAAAAAGyM/QUBsym_R9V0/s200/search-c.png) no-repeat;cursor:pointer;outline:none}
#error-page{font:normal normal 14px Verdana,Geneva,sans-serif;line-height:1.625;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{font-family:Oswald,&quot;Arial Narrow&quot;,Sans-Serif;font-size:100px;color:#c0392b;margin:0 auto;}
#error-inner h1{text-transform:uppercase;text-decoration:none;font-size:140%;margin:0;padding:0;}
#error-inner p{line-height:0.7em;font-size:15px}
</style>
<div id='error-page'>
<div id='error-inner'>
<div class='box-404'>404</div>
<h1>Halaman tidak ditemukan</h1>
<p>Kemungkinan halaman telah dihapus, atau Anda salah menulis URL</p>
<p>Kembali ke <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p>
<div id='search-box'>
<form action='/search' id='cse-search-box' method='get'>
<input id='search-text' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Cari di sini ...'/>
<button id='search-button' type='submit'/>
</form>
</div>
</div>
</div>
</b:if>
  • Terakhir save template dan untuk cek halamanya silahkan buka http://namablogsobat.blogspot.com/404 
  • Sampai disini dulu dan semoga bermanfaat.
Bagi sobat yang mau bertanya atau diskusi seputar topik ini silahkan bisa gabung di Forum
Previous
« Prev Post

Related Posts

1 komentar:

Terimakasih , sangat membantu
https://daloadjuli.blogspot.com/

Reply

Posting Komentar