Cara Membuat Halaman Error 404 di Blog ~ Terwujud.com

Jika bermanfaat, Mohon di Share ya !, jika ada unek-unek komen aja

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 Page
----------------------------------------------- */
#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}

6. Cari kode <body>, kemudian Copy dan Paste kode di bawah tepat di bawah kode <body>

<b:if cond='data:blog.pageType == "error_page"'>
<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>Terwujud.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 Terwujud.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.terwujud.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/AVvXsEisFq6mWspEZUsmMpuOr1Cx_rwU8a0-guSM3tvhAvy0I9sggvsIgeeVW5e9jdg99HZe7WmArEL3QyYUqsjULizJBv1ZDVe3esTl92UevpkgPSVqAZ3oUxMfMkeemf2OX6WkFYDuHi_nWFZv/s1600/Pencarian.gif) no-repeat;' type='text' value='Cari Artikel Di Sini...'/>
<input align='top' alt='Terwujud.com | Sumber Informasi Terpercaya' id='search-btn' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYo5HiPRJpRv_jAATJcIRVB6q11HHj7CwIsdIaZjVg6Zrwt_PUNrLKASFUdoXQigfRuTv3ekcjaik-jiTAOBAtfdoXjuMygUBGtLT5FkisZ9SYPK_9NGJlL74fk2nSIOcM24BPqVNyahDI/s1600/button.gif' type='image'/>
</form>
</div>
</b:if>

7. Save Template

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!

Artikelnya sudah di share, makasih ya !

Mau Artikel Gratis! Silahkan Tulis Email Anda. Print PDF

Sudah ada 31 komentar

Saya akan sangat senang jika ada komentar yang membangun, tetapi:

*Jangan komentar SPAM
*Jangan menanam link
*Jangan ada unsur sara, Fornografi dan memojokkan

Komentar yang melanggar akan dimasukkan kedalam daftar SPAM dan tidak akan diijinkan lagi.

Klik dan Copy Icon di bawah:
:) :( hihi :-) :D =D :-d ;( ;-( @-) :P :o -_- (o) :p :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (y) (f) x-) (k) (h) cheer lol rock angry @@ :ng pin poop :* :v 100

By: Terwujud.com
Terima Kasih!!

ali imron14 June 2014 at 16:37
saya sering menjumpai hal ini mas namun saya berharap milik saya tak ada yang demikian,saya yakin artikel ini sangat berguna
Kang Ucup15 June 2014 at 07:37
begitu ya mas cara bikin error page modif sendiri, kebetulan template blog saya sudah ada,
memang perlu sekali keberadaan laman tidak ditemukan ini, karena memungkinkan pengunjung tidak langsung pergi begitu saja. jadi harus dibikin semenarik mungkin :)
Mew da Vinci15 June 2014 at 09:41
lha, error 404 itu jarang saya temukan, bahkan hampir gak pernah...
tapi kenapa harus dibikin apik mas?
Masnady15 June 2014 at 13:26
wah di tempat saya sudah saya pasang belum ya mas.. saya lupa. sepertinya sih sudah tapi nggak tau deh.. ntr deh saya cek dulu mas. kalau belum akan saya praktekin nih tutornya... terimakasih
Wahyu Eka Prasetiyarini15 June 2014 at 21:56
keren juga ya kalau halaman eror nya bisa dimodifikasi. Biasanya kan hanya berupa tulisan NOT Found :D
Hariyanto Wijoyo15 June 2014 at 22:04
ternyata error 404 bisa juga dimodifikasi tampilannya...luarbiasa...
keep happy blogging always..salam dari Makassar :-)
Yanto cungkup15 June 2014 at 23:55
jadi lebih terlihat menarik dengan menggunakan kode ini yamas
Mang Lembu16 June 2014 at 00:09
saya udah pasang halaman error 404 ini, cuman bukan saya yang masang, udah ada dari pencipta templatenya...emang terlihat jadi lebih pro gituh kalau kita pasang ini deh yah...
Unknown16 June 2014 at 01:09
mantap sekali mas.... cara yang kreatif membuat laman yang error...
Claresta16 June 2014 at 05:17
scriptnya lumayan banyak ya mas, tapi hasilnya keren :D makasih sharingnya ntar dicoba :)
ecaratips16 June 2014 at 08:45
save dulu ah ke notepad siapa tau kapan2 butuh
Adi Pradana16 June 2014 at 10:20
Bisa dicoba nih mas, tengs ilmunya...
Ibrahim16 June 2014 at 17:31
benar sekali pak uda, tapi kalau punya saya belum tu :D
Zona Nyaman17 June 2014 at 05:57
Di blog saya sudah ada mas,bawaan dr template sepertinya.
Anonymous20 June 2015 at 02:15
saya juga baru bikin halaman error. yang sederhana mas....tapi kayaknya yang ini juga boleh buat referensi. terima kasih atas ilmunya. salam sahabat blogger.
Anonymous3 November 2015 at 18:38
Mantap artikelnya Mas.. persis seperti yang biasa saya terapkan di blog saya..
Sukses selalu..

Cara Membuat Halaman Error 404 di Blog

Baca Juga ya:

You Might Also Like:

Sudah ada 31 komentar