Cara Membuat Custom Page Not Found Blogger

custom page not found, custom error 404, blogger, custom error page with search,
Pembahasan mengenai tutorial cara membuat Custom Page Not Found pada Blogger yang dilengkapi dengan fitur pencarian.

custom page not found blogger

Pengertian Error 404 Not Found

Error 404 adalah kode pesan kesalahan HTTP standar yang berarti situs web yang coba hubungi tidak dapat ditemukan di server. kesalahan ini terjadi dari sisi klien, yang berarti laman web URL artikel tersebut sudah tidak berlaku lagi atau pengunjung salah mengetik URL tersebut.

Custom Page Not Found pada Blogger sendiri biasa digunakan untuk mengalihkan pengunjung supaya pengunjung tetap berada di website kita untuk mencari dan menemukan laman yang mereka jangkau. Beberapa komponen yang biasa terdapat pada laman ini adalah; gambar unik, keterangan yang lucu, peta situs, formulir pencarian, atau informasi kontak terkait kesalahan tersebut.

Blogger memberikan fitur Custom Page Not Found untuk mengganti pesan kesalahan di laman error yang tampilan bawaannya hanya tulisan "Maaf, halaman yang Anda cari di blog ini tidak ada." menjadi lebih menarik, karena kita dapat menambahkan CSS dan kode HTML disana.

Cara Membuat Custom Page Not Found Blogger

  1. Buka dashboard Blogger. Arahkan ke Pengaturan, Preferensi Penelusuran, Kesalahan dan Pengalihan, lalu klik Atur.
  2. Copy Paste kode di bawah ini pada area teks yang muncul.
    <style>
    #main-wrapper{padding:0;width:100%;border:0}
    #comments,#sidebar-wrapper,#menu-wrap{display:none;margin-top:0;margin:0}
    #outer-wrapper {margin:0 auto;text-align:left;float:none;background-position:center!important}
    #post-wrapper {width:100%;max-width:100%;margin:0 auto;text-align:left;float:none;background-position:center!important}
    .post-container{padding:15px 0}
    .post-body,.post{background-position:center!important}
    .post-body p{margin:0}
    .post-title{text-align:center}
    div#disqus_thread, div#disqusshow{display:none;margin-top:0;margin:0}
    
    input#s{padding:4px 10px}
    input#btn{background:#2185D0;color:#ffffff;padding:6px 10px;border:none;outline:none}
    .status-msg-wrap{font-size:120%;font-weight:normal}
    </style>
    Maaf tapi kami tidak bisa menemukan halaman yang Anda cari.<br/>
    Hal ini dapat terjadi jika Anda salah memasukkan url situs atau halaman ini sudah tidak ada lagi.<br/><br/>
    
    Anda dapat mencoba mencari halaman tersebut atau kembali ke laman <a href="https://www.example.com/">beranda</a>.<br/>
    <form action="/search" id='custom-search' method="get">
      <input id="s" name="q" type="text" placeholder="Search..."/>
      <input id="btn" type="submit" value="Go"/>
    </form>
    Keterangan Kode:
    • CSS bagian atas merupakan kode untuk menjadikan sidebar hilang sehingga bagian artikel lebarnya sampai sidebar serta menghilangkan komentar.
    • Kode background:#2185D0 untuk memberi warna tombol pencarian.
    • Ganti https://www.example.com/ dengan alamat blog pembaca.
  3. Jangan lupa klik Simpan Perubahan.
  4. Selesai.


Demikian Cara Membuat Custom Page Not Found di Blogger dengan formulir pencarian, Semoga Bermanfaat.

Posting Komentar