Hai sob, kali ini saya akan share Cara Membuat Custom Laman Error 404 Not Found pada Blogger. 404 Not Found merupakan sebuah pesan Error ...
Hai sob, kali ini saya akan share Cara Membuat Custom Laman Error 404 Not Found pada Blogger. 404 Not Found merupakan sebuah pesan Error atau kesalahan dari Hypertext Transfer Protocol (HTTP) yang mengindikasikan bahwa laman/URL yang dituju tidak dapat ditemukan.
Hal ini bisa saja terjadi karena beberapa alasan seperti salah mengetikkan URL atau mengklik broken link dari website lain. Kenapa ini penting, karena bisa jadi pengunjung mengenal website kita bukan dari homepage melainkan malah dari halaman 404.
Tujuan utama dari modifikasi Laman Error 404 ini adalah bagaimana membuat pengunjung tidak segera menekan tombol back atau meninggalkan website kita, tapi kita tawarkan terlebih dahulu alternatif link menuju Homepage dan sebuah kotak pencarian yang sangat berguna apabila pengunjung tetap tidak bisa menemukan apa yang mereka cari.
LIVE DEMO
Cara Pasang Error 404 Not Found Di Blogger
- Sign In di blogger.com
- Pada menu bilah samping, pilih Setelan
- Pilih Preferensi Penelusuran
- Klik "Edit" pada Pesan Khusus untuk Laman Tidak Ditemukan
- Copy paste kode berikut pada kotak yang tersedia
<style type="text/css"> #error-404 { border: 20px solid #2D8B69; border-radius: 240px 240px 240px 240px; height: 240px; margin: 0 auto 40px; text-align: center; transition: all 0.8s ease 0s; width: 240px; } #error-404:hover { border-color: #333; } #error-404 span { color: #9D0E0E; font-size: 100px; font-weight: bold; line-height: 240px; } .large-heading { font-size: 48px; line-height: 1.2em; } .light-heading { font-weight: 400; } .status-msg-bg { background-color: transparent; } .sidebar-wrapper, .page-header { display: none; } .main-wrapper { margin-right: 0; } .outer-wrapper { min-height: 0; } .status-msg-border { border: 0 none; } </style> <div id="error-404"> <span>404</span>
</div> <h1 class="large-heading" style="text-align: center;">LAMAN TIDAK DITEMUKAN</h1> <h2 class="light-heading" style="text-align: center;">Kami mohon maaf atas ketidaknyamanan ini</h2>
Silahkan kembali ke Menu Utama<a href="http://penghunidumay.blogspot.com/" target="_blank" title="Penghunidumay"><b>Penghunidumay</b></a>
atau laporkan jika ada kesalahan melalui<a href="http://penghunidumay.blogspot.com/p/contact-us.html" target="_blank" title="Contact Us"><b>Contact Us</b></a>
<script>
(function() {
var cx = '002444106280758734239:WMX746266585';
var gcse = document.createElement('script'); gcse.type = 'text/javascript'; gcse.async = true;
gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
'//www.google.com/cse/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>
- Terakhir ganti link warna Biru kemudian klik tombol "Simpan Perubahan"
Untuk melihat hasil akhir dari laman 404 yang sobat Dumay buat, masukkan URL blog sobat pada kotak browser di tambahkan dengan akhiran "/404" atau apa saja. Contoh : http://penghunidumay.blogspot.com/404 (Jangan lupa klik tombol Enter).
Pada beberapa template hal ini tidak bekerja termasuk pada blog ini. Mungkin karna struktur setiap template berbeda-beda. Oleh karna itu Demo nya saya pasang diblog yang satu lagi. Apabila ada yang ingin menambahkan silahkan berkomentar dibawah. Sekian terimakasih.
Update :
Bagi yang tidak bisa menerapakan cara ini pada blog, sobat bisa mencoba cara menambahkan Laman Error 404 Not Found Blogger versi kang +Adhy Suryadi. Silahkan klik tautan berikut : http://www.kompiajaib.com/2013/09/kustomisasi-page-not-found-404-blogger.html
Pada beberapa template hal ini tidak bekerja termasuk pada blog ini. Mungkin karna struktur setiap template berbeda-beda. Oleh karna itu Demo nya saya pasang diblog yang satu lagi. Apabila ada yang ingin menambahkan silahkan berkomentar dibawah. Sekian terimakasih.
Update :
Bagi yang tidak bisa menerapakan cara ini pada blog, sobat bisa mencoba cara menambahkan Laman Error 404 Not Found Blogger versi kang +Adhy Suryadi. Silahkan klik tautan berikut : http://www.kompiajaib.com/2013/09/kustomisasi-page-not-found-404-blogger.html
COMMENTS