Error 404 adalah ketika suatu halaman yang dicari namun tidak ditemukan biasanya hal ini terjadi karena url sudah di hapus atau visitor salah mengetik url namun apa manfaatnya memasang halaman error 404 ini, manfaatnya kalau menurut saya untungnya untuk mempercantik blog anda seperti kelihatan blog professional, adapun caranya silahkan simak dibawah.
Simpan template anda.
Untuk melihat hasilnya silahkan anda mencobanya dengan cara seperti ini http://blog-anda.blogspot.com/404. Terima kasih.
Cara membuat halaman error 404 di blogger
Langkah 1
Login ke akun blogger.com anda, buka menu Template > Edit HTML lalu simpan kode dibawah ini tepat diatas kode <body>
<b:if cond='data:blog.pageType == "error_page"'>
Langkah 2
Lalu letakkan kode dibawah tepat diatas kode </body>
Untuk http://url-code-css-anda.css silahkan anda upload file .css anda, dengan format
</b:if>
<b:if cond=\'data:blog.pageType == "error_page"\'>
<link rel=\'stylesheet\' type=\'text/css\' href=\'http://url-code-css-anda.css\'/>
<link href=\'http://fonts.googleapis.com/css?family=Changa+One\' rel=\'stylesheet\' type=\'text/css\'/>
<link href=\'http://fonts.googleapis.com/css?family=Open+Sans:400\' rel=\'stylesheet\' type=\'text/css\'/>
<div id=\'error-page\'>
<!-- Halaman Error --><!-- #404 -->
<div id=\'error-halaman\'><div class=\'comingcontainer\'>
<div class=\'checkbacksoon\'><p><span class=\'go3d\'>4
</span>
<span class=\'go3d\'>0</span>
<span class=\'go3d\'>4
</span>
<span class=\'go3d\'>!
</span>
</p>
<p class=\'error-bro\'> Mohon maaf, Halaman yang Anda cari tidak ditemukan!<br/> Kemungkinan halaman telah dihapus, atau Anda salah menuliskan URL.<br/>Silahkan kembali ke<a class=\'tombol\' href=\'/\' style=\'box-shadow:none;color:#444;\'>Halaman Pertama</a>
</p>
</div>
</div>
</div>
<!-- #404 -->
</div>
</b:if>Untuk http://url-code-css-anda.css silahkan anda upload file .css anda, dengan format
.post-artikel{margin:0;max-width:100%}
#sidebar-wrapper{display:none}
.pesan-status-wrap{width:100%;background:#fff url(http://2.bp.blogspot.com/-GJqe_Mw3nCA/Udkt6st2LGI/AAAAAAAACFg/vnAqikDNzmQ/s1600/404.png) no-repeat center 10px;display:block;margin:0 auto;position:relative;min-height:150px;font-family:"Oswald",Verdana,Sans-Serif;text-shadow:1px 1px #fff,2px 2px #ccc,3px 3px #ddd,4px 4px #eee;font-size:2.2em;font-weight:400}
.pesan-status-body{padding:150px 0 20px 0;max-width:100%!important;width:auto!important;position:relative!important;text-align:center;line-height:1.4em}
.pesan-status-border,#blog-pager{display:none!important}
Keterangan kode CSS :
.post-artikel = Merupakan bagian post yang dibuat 100% (.post-artikel) sesuaikan dengan template anda
.pesan-status-border,#blog-pager,#sidebar-wrapper = Merupakan elemen yang akan disembunyikan oleh karena itu sesuaikan dengan template anda.
Langkah 3
Simpan template anda.
Untuk melihat hasilnya silahkan anda mencobanya dengan cara seperti ini http://blog-anda.blogspot.com/404. Terima kasih.
