Cara Membuat Halaman Error 404 di Blog merupakan langkah agar pengunjung tidak kesal atau memahami jika artikel yang mereka cari telah hilang, rusak atau dihapus. Halaman Error yang ditandai dengan kode 404 adalah tampilan halaman kosong pada Link artikel yang bisa saja terjadi karena salah pengetikan URL, Link telah dihapus dan lainnya. Baca Cara Menampilkan Iklan Adsense Sesuai Keinginan
Membuat halaman Error 404 di Blog bertujuan untuk memberi informasi kepada pengunjung bahwa artikel atau halaman blog yang mereka kunjungi tidak ada karena masalah tertentu. Dengan membuat informasi khusus untuk Halaman Error 404 dengan modifikasi semenarik mungkin, maka pengunjung akan tahu dan paham bahwa artikel yang mereka cari tidak ada dan mereka akan kembali pada halaman utama blog kita untuk mencari artikel selanjutnya. Baca juga artikel Cara Membuat Blog dalam Waktu 5 Menit
Untuk membuat dan memodifikasi halaman error 404 ini sebenarnya tidak sulit, sebab blogger sendiri telah menyediakan fitur otomatis yang secara otomati akan mengarahkan pada halaman tertentu ketika link artikel rusak, dihapus atau masuk dalam kategori 404 (Not Found).
Artikel ini tidak menjelaskan tutorial secara otomatis, sebab hasil modifikasinya tidak begitu menarik bagi saya, jadi saya akan menjelaskan Cara Membuat Halaman Error 404 di Blog melalui cara manual yang bisa anda lakukan dengan mengikuti langkah-langkah berikut. Silahkan baca Cara Memperbanyak Followers Google Plus
1. Log in atau masuk ke www.blogger.com
2. Masuk ke menu Template dan pilih Edit HTML
3. Simpan terlebih dahulu kode template anda untuk berjaga-jaga
4. Cari atau tekan Ctrl F kode ]]></b:skin>
5. Copy dan Paste kode di bawah ini tepat di atas kode ]]></b:skin>
/* Modifikasi Error Page6. Cari kode <body>, kemudian Copy dan Paste kode di bawah tepat di bawah kode <body>
----------------------------------------------- */
#error-page{background-color:#C7F490;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 0.8s ease 0s;color: #C50B04; font-size: 120px; font-weight: bold;margin-bottom:5px;margin-top:5px}
#error-page .error-404:hover {color: #333;}
#error-page .large-heading1 {color: #000;font-size: 60px;margin-top:3%;margin-bottom:5px}
#error-page .large-heading2 {color: #000;font-size: 40px;}
#error-page .light-heading1 {color: #000;font-size: 22px;}
#error-page .light-heading2 {color: #000;font-size: 17px;line-height:1.8em;}
#error-page #search-form {width:250px}
<b:if cond='data:blog.pageType == "error_page"'>7. Save Template
<div id='error-page'>
<div class='large-heading1'>Aduh...Maaf ya!</div>
<div class='error-404'>404</div>
<div class='large-heading2'>LAMAN TIDAK ANDA TEMUKAN</div><br/>
<div class='light-heading1'>Mungkin Halaman ini Telah dihapus. Kami Mohon Maaf Atas Ketidaknyamanan ini.</div><br/>
<div class='light-heading2'>Silahkan kembali ke Halaman Utama <b>blocopy.blogspot.com.com</b>, Klik <a href='/' title='Homepage'><span style='background:#ffffff;border:2px solid #000;border-radius:10px;padding:2px 7px'><b>DI SINI</b></span></a> untuk kembali ke homepage blocopy.blogspot.com.com.<br/>
Atau Anda bisa Menggunakan <b>Kolom Pencarian</b> di bawah ini untuk mencari artikel yang Anda inginkan.
</div>
<form action='http://www.google.com/search' method='get' target='_blank'>
<input name='sitesearch' style='display:none;' value='http://www.blocopy.blogspot.com.com'/>
<input id='search-box' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value='';' style='width: 250px;border:1px solid #44434D; padding: 3px 5px 2px 8px; font: bold 12px Georgia;color:#000000; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6TpIpoW8lt6olv1tl464_D6N_XMZwg_RF8FsrpkgHWrQxkA3vn3YWm-Z9JOl2eMbXhhbzvHGy0Hq49b0a3iLb9Z5mQ7lHrp7qrYsRbEuLiuw4wbnDijp024Y_NffkXkMRIWqvJS5gt9Cp/s1600/Pencarian.gif) no-repeat;' type='text' value='Cari Artikel Di Sini...'/>
<input align='top' alt='blocopy.blogspot.com.com | Sumber Informasi Terpercaya' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieAfE6PlSb3AANi72rdVv1lwSY-DT8U2jwVzzm0UnjTCcMCOxysDTzagYH99Po6YYNoR1BCsL5UCdFNtdTgR5FmvOWEwFrtQ-lIJEH7AL_AdTCMxblCGi6MJs6ws6m2y_ANQ3mm6MvIapL/s1600/button.gif' type='image'/>
</form>
</div>
</b:if>
Keterangan
- Merah: Silahkan anda ganti alamat blog anda dan alt nya
- Kalimat: Silahkan anda atur sendiri kalimatnya sesuai dengan keinginan anda
- CSS: anda bisa merubah dan memodifikasi kode css nya sesuai dengan kreasi anda sendiri
Demikian informasi tentang Cara Membuat Halaman Error 404 di Blog, semoga tips yang saya sajikan bermanfaat bagi kita semua. Jangan lupa untuk membaca artikel yang lainnya yaitu Cara Membuat Error Page 404 di Blog. Terima Kasih!
Tidak ada komentar:
Posting Komentar