Mengulas Misteri dan Blogging

Membuat Halaman Error 404 Page Not Found di Blog

Logo Error Page 404

Membuat Halaman Error 404 Page Not Found di Blog - Halaman error 404 ini adalah halaman yang tampil jika halaman yang dituju tidak ditemukan. Penyebab tidak ditemukan ini, biasanya karena halaman tersebut sudah dihapus atau terdapat kesalahan dalam penulisan URL. Maka dari itu, kita perlu membuat halaman 404 ini. Sebetulnya, dari Blogger sendiri sudah terdapat halaman error-nya. Tapi, kadangkala tidak sesuai dengan keinginan kita dan tampilannya pun sederhana.

Di sini, saya memodifikasi halaman error tersebut, sehingga nampak lebih enak dipandang dan jika anda ingin menserasikan warnanya dengan template blog anda, anda bisa mengubahnya sendiri nanti.
Pertama, silahkan menambahkan meta tag untuk title halamannya. Simpan kode di bawah ini di bawah <head> 

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>404: Page Not Found | <data:blog.title/></title>
</b:if>

Biasanya kode di atas berkelompok dengan Meta Tag Blogger. Baca juga : Meta Tag Lengkap Terbaru dan SEO Friendly.

Kemudian, simpan CSS berikut di atas ]]></b:skin> atau </style>

.search-form input{width:198px;height:35px;line-height:35px;padding:0 12px;float:left;font:normal 12px Arial,sans-serif;border:1px solid #ddd;background:#fff;}
.search-form input:focus{outline:0;background:#fff;border:1px solid #C62C2C}
.search-form button{overflow:visible;float:left;border:1px solid #ddd;
padding:0;cursor:pointer;height:35px;width:72px;color:#fff;font:12px Arial;text-shadow:none;text-transform: uppercase;background:#C62C2C;}
.search-form button:hover{color:#fff;text-shadow:none;background:#9E3232;transition:0.5s;border:1px solid #ddd;}

#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 0.8s ease 0s;color:#b0130d; font-size: 150px; font-weight:bold;padding:80px 80px 10px 70px; margin:30px 480px 30px 480px} 
#error-page .error-404:hover {color: #333;} 
#error-page .large-heading2 {color: #333;font-size: 48px;padding-bottom:20px} 
#error-page .light-heading1 {color: #555;font-size: 20px;} 
#error-page .light-heading2 {color: #555;font-size: 15px;line-height:1.8em;margin-bottom:30px} 

Kemudian, letakkan kode di bawah ini di atas </body>

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<div id='error-page'>
<div class='error-404'>404</div>
<div class='large-heading2'>HALAMAN TIDAK DITEMUKAN</div><br/>
<div class='light-heading1'>Maaf, kemungkinan halaman telah dihapus, atau Anda salah menuliskan URL.</div><br/>
<div class='light-heading2'>Silahkan kembali ke Halaman Utama <b>Blog Thoni</b>, Klik <a href='http://blog-thoni.blogspot.com/' title='Homepage'><span style='background:#f1f1f1;border:1px solid #aaa;border-radius:3px;padding:2px 5px'><b>DI SINI</b></span></a> untuk kembali ke homepage Blog Thoni.<br/>
Atau gunakan <b>Search Box</b> di bawah ini untuk kembali mencari artikel yang Anda inginkan.
</div>
    
<div style='float:none;margin-left:525px'>
<form action='/search' class='search-form'>
<input id='a' name='q' placeholder='Cari artikel di sini...' type='text'/>
<button title='Search' type='submit'>SEARCH</button>
</form>
</div>

</div>
</b:if>

Silahkan ubah URL blognya dengan URL blog anda. Ubah juga judul blognya dengan judul blog anda. Kemudian, save template anda.

Halaman error ini juga sudah saya lengkapi dengan widget search box. Jadi, meskipun halaman tidak ditemukan, pengunjung tetap bisa mencari artikel yang mereka inginkan di blog kita. 
Tag : Blogging

Artikel Terkait:

12 Komentar untuk "Membuat Halaman Error 404 Page Not Found di Blog"

Mantap gan tutorialnya :-bd
jadi halaman error 404 page not foundnya lebih enak dilihat dan lebih menarik |o|

berkunjung,,, waah nice info yg ini Gan...

blognya banyak infi disini, salam kenal yaaaa :)

saya suka kalau buat ginian :D makasih

Betul gan, pastinya halaman error blog jadi lebih keren dan menarik :D

Suka ya :D hehehe. sama-sama gan

Bosan main poker sama ROBOT? Kapan untungnya?
Kini Hadir Game Terbaru ===>> GAME SAKONG
Mari.. bergabung bersama kami di ROYALQQ, main poker tanpa Robot 100% player vs player.
Deposit Minimum Rp. 15.000
www,royalqq,poker
Support Bank BCA, MANDIRI, BNI, BRI
add 2B68D666

Komentar ini telah dihapus oleh pengarang. - Hapus

Ayo segera bergabung dengan Agen Judi Poker Online Terbaik dan Terpercaya di Indonesia KacangMasPoker | www.kacangmaspoker.xyz | . Dapatkan Jackpot hingga Jutaan rupiah setiap harinya !!

• Bonus New Member & Next Deposit s/d Rp. 1.000.000,-
• Bonus Jackpot s/d Rp. 200.000,-
• Bonus TurnOver 0,5%
• Bonus Referral 20%

# LINE : pokerkcm
# BBM : pokerkcm
# WHATSAPP : +6287819742741
# Twitter : kcm__poker
# IG : kcm_p0ker

• 7 Games dalam 1 ID
| Texas Poker | Capsa Susun | Ceme | Domino QQ | Bandar Ceme | Super 10 | Omaha |

• BCA - BNI - BRI - CIMB - Danamon - Mandiri.
• Menerima Deposit via Go-Pay, Ovo & Pulsa Telkomsel / XL

OPPO POKER BONUS NEW MEMBER 20.000!!!
AYO JOIN SEKARANG DAN LIVECHAT DENGAN CS TERBAIK DAN TER-RAMAH NYA OPPO POKER! ^_^

Numpang ya min ^_^

Bonus New Member 50%!!! Bukan server IDN maupun PokerV! Cobalah bermain di server baru 1G Poker hanya di kenaripoker . com! Proses deposit dan withdraw tidak basa basi langsung tinggal proses dan main saja bosku, dicoba keberuntungan kamu sekarang juga hanya di kenaripoker . com!

WHATSAPP : +855966139323
BBM : KENARI00
LIVE CHAT : KENARIPOKER . COM
ALTERNATIVE LINK : KENARIPOKER . COM

PROAKUN.WIN | AGEN BANDARQ | QQ ONLINE | DOMINOQQ | BANDARQ ONLINE | JUDI ONLINE TERBAIK DI INDONESIA, adalah Website Rekomendasi Situs Situs Terbaik dan Ternama dengan Hasil Winrate Teringgi Terbaik Di Indonesia.

Agen BandarQ
QQ Online
DominoQQ
BandarQ Online
Judi Online

Silahkan berkomentar yang relevan. Jangan menyertakan link aktif di sini. Jika melanggar, komentar akan terhapus.

Emoticon : :) :( =( ^_^ :D =D |o| @@, ;) :-bd :-d :P :kak: