Cara Mengubah Tampilan Halaman Error Jadi Keren di Blogger

Bani Cyber Blog - Cara mengubah tampilan halaman error jadi keren di Blogger - Salah satu hal yang disayangkan dalam sebuah artikel adalah ketika harus menghapusnya. Mungkin karena beberapa alasan sebuah post dihapus dan akan berakhir di halaman error.


Namun kamu tahu tidak, kamu bisa memanfaatkan css untuk mengubah tampilan halaman error tersebut. Banyak sekali artikel di google yang membahas cara mengubah tampilan halaman error full screen untuk blogger. Tapi jika kamu kurang tertarik, kamu bisa coba tips dari saya.


Saya akan berikan tips bagaimana mengubah tampilan halaman error yang cukup sederhana. Lalu, materi apa yang akan kita bahas nanti?


Ada 2 sih, yang pertama tentang bagaimana cara mengubah kalimat dari pesan dan kedua mengubah judul halaman error tersebut, mari disimak.


1. Mengubah Judul Halaman/Page Error di Blog

Agar lebih bagus, kamu bisa terlebih dahulu mengubah judul halaman error nya. Kamu bisa ikuti langkah langkah berikut ini.

1. Buka blogger mu, lalu pada tab Tema buka Edit HTML 

1. Cari kode berikut

<b:skin><![CDATA[/*

1. Masukkan script berikut diatas kode tadi

<b:else/>
<b:if cond='data:blog.pageType in {&quot;error_page&quot;}'><title>Halaman Nyasar!</title>
<b:else/>

1. Setelah kamu letakkan, lalu simpan tema tersebut.

1. Terakhir, coba buka halaman error di blog kamu untuk memastikan berhasil atau tidak.

2. Mengubah Pesan/Teks Halaman Error

Apabila judul halaman sudah berhasil diubah, selanjutnya mari lanjutkan untuk mengubah isi teks pesan errornya. Check it out.

1. Buka blogger kamu terlebih dahulu
2. Kemudian buka Preferensi Penelusuran pada tab Setelan
3. Setelah terbuka, cari Kesalahan dan Pengalihan
4. Sudah ketemu? temukan Pesan Khusus untuk Halaman tidak ditemukan

 

1. Silahkan isi kolom teks yang ingin kamu berikan untuk visitor yang terjebak di page error
2. Dan terakhir, tekan Simpan Perubahan

3. Mengubah Tampilan Background Pesan

Nah tips yang ketiga ini membuat sedikit banyaknya tampilan halaman error blog kamu jadi lebih keren. Mau tau caranya, ikuti langkah langkah berikut.

Berikut ini adalah gambar pesan yang biasanya pada halaman error.

1. Buka blogger mu, pada tab Tema buka Edit HTML

1.  Setelah terbuka, cari kode <style> atau <b:skin>
2.  Letakkan css berikut setelah kode diatas

 .status-msg-body {
background:#222;color:#fff;font-size:12px;text-transform:uppercase;font-weight:bold;padding:8px 0
}

1. Simpan tema dan silahkan langsung coba

Hasil akhir:

Sekarang, halaman error pada blog kamu sudah sedikit banyak berubah. Walaupun cara ini cukup sederhana, namun sudah banyak yang melakukannya. Ok, sekian dan saya tutup artikel ini. wassalamualaikum.

Al Bani HR Friday, April 5, 2019 Blogging

Berlangganan via Email

Berlangganan artikel via email agar kamu mendapatkan info mengenai update artikel dari blog ini via email.