AdsSense - Halaman Error 404 di Blog adalah bertujuan untuk memberi informasi kepada pengunjung bahwa sumber link atau artikel di halaman blog sudah tidak ada atau link tersebut mengalami masalah.
Tujuannya tidak lain adalah agar pengunjung tidak kesal setelah masuk ke blog kita. Dan tentu halaman error 404 ada banyak modifikasi, namun yang saya bagikan ini sedikit berbeda, karena ini sangat simple sehingga tidak mengalami banyak loading.
01. Simpan CSS bawah ini diatas ]]></b:skin>
#error-page{background-color:#e1e1e1;position:fixed!important;position:absolute;text-align:center;top:0;right:0;bottom:0;left:0;z-index:99999}
#error-page .error-404{text-align:center;transition:all .8s ease 0s;color:#b0130d;font-size:150px;font-weight:700;margin-bottom:80px;margin-top:30px}
#error-page .error-404:hover{color:#333}
#error-page .large-heading1{color:#333;font-size:70px;margin-top:10%;margin-bottom:80px}
#error-page .large-heading2{color:#333;font-size:48px}
#error-page .light-heading1{color:#555;font-size:20px}
#error-page .light-heading2{color:#555;font-size:15px;line-height:1.8em}
02. Simpan HTML bawah ini tepat di bawah <body>
<b:if cond='data:blog.pageType == "error_page"'>
<div id='error-page'>
<div class='large-heading1'>OOPS!</div>
<div class='error-404'>404</div>
<div class='large-heading2'>LAMAN TIDAK DITEMUKAN</div><br/>
<div class='light-heading1'>Mungkin halaman telah dihapus. Kami mohon maaf atas ketidaknyamanan ini.</div><br/>
<div class='light-heading2'>Silahkan kembali ke Halaman Utama <b>Nama Blog Anda</b>, Klik <a href='/' title='Homepage'><span style='background:#f1f1f1;border:1px solid #aaa;border-radius:3px;padding:2px 5px'><b>DI SINI</b></span></a>
</div></div>
</b:if>
Silakan rubah "Nama Blog Anda" dengan judul blog Anda, selamat mencoba dan semoga bermanfaat.
0 Response to "Simple Halaman Error 404 For Blogger"
Posting Komentar