deZige

Halaman Error 404 Cepat Loading

Membuat halaman error 404/halaman tidak ditemukan dengan tampilan satu halaman penuh dan cepat loadng

Halaman Error 404 Cepat Loading

Membuat Halaman Error 404 Cepat Loading - Error halaman atau halaman yang tidak dapat ditemukan akibat link yang rusak ataupun karena penulisan alamat yang tidak benar akan menghasilkan halaman error/halaman tidak ditemukan, atau orang lebih familiar dengan menyebutnya Halaman Error 404.

Bagaimana kita membuat halaman error 404 dengan desain tampilan tertentu pada blog kita? Dalam hal ini kita akam membuat halaan error 404 dengan tampilan satu halaman penuh dan loading halaman error 404 lebih cepat.

Lebih cepat dalam hal ini karena kita akan menghilangkan atau mengabaikan beberapa bagian elemen yang tidak diperlukan untuk ditampilkan atau dengan kata lain dengan sengaja tidak menampilkan bagian dalam tag <body> dan hanya menampilkan halaman error 404 dalam tag <body>.

Untuk menampilakan dan tidak menampilkan bagian elemen tertentu kita bisa menggunakan tag kondisional, dengan menggunakan tag kondisional tentu saja akan menghasilkan halaman error yang cepat loading karena tidak menampilkan seluruh elemen dalam tag <body> dan hanya menampilkan elemen halaman error 404 dalam tag <body>.

<body>
    <b:if cond='data:blog.pageType != "error_page"'>
        
        ...

        Ini merupakan seluruh elemen blog yang tidak akan ditampilkan pada halaman error, karena dalam kondisi pengingkaran.
        
        ...

    </b:if>
    <b:if cond='data:blog.pageType == "error_page"'>
        <div id='halamanerror'>
           Disini desain tampilan halaman error kalian
        </div>
    </b:if>
</body>

Menghilangkan bagian dalam tag <body> dan hanya menampilkan elemen tertentu pada tag <body> pada halaman error 404

Jika akan menggunakan id halamanerror bisa tambahkan css dengan gaya tampilan yang kalian inginkan, dibawah ini hanya contoh CSS saja, kalian bisa tambahkan atau diganti sesuai dengan keinginan.

#halamanerror {
  background:#000;
  color:#fff;
  text-align:center;
  font:bold 25px 'Abel', sans-serif;
 
  ..... gaya lainnya disini .....

}


Selain cara ini, blogger telah menyediakan halaman khusus error page dan kita bisa mendesain tampilan halaman error 404 tersebut.

Semoga bermanfaat.

No comments:

Terima Kasih Atas Komentar Anda

  • +Bagikan
  • +Admin

Kontak SosMed

.
deZige