Untuk itu, saya akan berbagi tutorial blog kepada sobat semua tentang bagaimana membuat pesan 404 Not Found yang cantik di blog tanpa harus melakukan penambahan kode pada template. ini contoh tampilan Error 404 Not Found yang akan kita buat.
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 #1B1B1B; 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: #FA4C29; 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>
- Terakhir, klik tombol "Simpan Perubahan"
Untuk melihat hasil akhir dari laman 404 yang sobat blogger buat, masukkan URL blog sobat pada kotak pencarian Google di tambahkan dengan akhiran "/404". Contoh : http://www.tutorialblogspot.com/404 (Jangan lupa klik tombol Enter).
0 komentar:
Posting Komentar