Membuat Halaman Error 404 di Blog

Membuat Halaman Error 404 di Blog - Halo Sobat NapaRom, Pada Artikel yang sobat baca kali ini dengan judul Membuat Halaman Error 404 di Blog, khusus untuk sobat pembaca sedia blog NapaRom. mudah-mudahan isi artikel atau postingan Artikel Blogging, yang saya tulis ini dapat sobat pahami. baiklah, selamat membaca.

Judul : Membuat Halaman Error 404 di Blog
link : Membuat Halaman Error 404 di Blog

Membuat Halaman Error 404 di Blog

Salah satu kondisi navigasi blog yang baik adalah memberikan sasaran dan pilihan yang jelas bagi pengunjung di halaman Anda. Demikian juga, halaman kesalahan 404. 404 halaman kesalahan adalah halaman yang akan digunakan untuk menempatkan halaman yang tidak ada di blog Anda, baik karena halaman telah dihapus, tautan rusak, atau alamat saluran yang salah mengganti url.

Untuk blog yang menggunakan blogspot mereka sendiri biasanya memberikan 404 halaman kesalahan, tetapi 404 halaman kesalahan diberi kekerasan yang dapat kita ubah sendiri.

Membuat Halaman Error 404 di Blog:

Masuk ke akun blogger
Pilih menu Template lalu pilih Edit HTML
Masukkan kode meta tag berikut tepat diatas kode </body>

<b:if cond='data:blog.pageType == "error_page"'>
        <div id='error-page'>
          <div id='error-inner'>
            <div class='box-404'>404</div>
           <h1>Halaman tidak ditemukan</h1>
            <p>Kemungkinan halaman telah dihapus, atau Anda salah menulis URL</p>
            <p>Kembali ke <a expr:href='data:blog.homepageUrl'><data:blog.title/></a></p>
            <div id='search-box'>
          <form action='/search' id='cse-search-box' method='get'>
            <input id='search-text' name='q' onblur='if(this.value=='')this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=''' type='text' value='Cari dan Enter '/>
            <button id='search-button' type='submit'/>
          </form>
        </div>
          </div>
        </div>
    </b:if>

Masukkan kode CSS berikut diatas kode ]]></b:skin> atau </style>

/*Desain Halaman 404 Error Not Found*/
#error-page {
background-color:#e9e9e9;
position:fixed !important;
position:absolute;
text-align:center;
top:0;
right:0;
bottom:0;
left:0;
z-index:99999;
}
#error-inner {
margin:11% auto;
}
#error-inner .box-404 {
width:200px;
height:200px;
background:#EF5747;
color:#fff;
font-size:80px;
line-height:200px;
border-radius:10px;
margin:0 auto 50px;
position:relative;
}
#error-inner .box-404::after {
content:" ";
width:0;
height:0;
bottom:-8px;
border-color:#EF5747 transparent transparent;
border-style:solid;
border-width:9px 9px 0;
position:absolute;
left:47%;
}
#error-inner h1 {
text-transform:uppercase;
}
#search-box{position:relative;width:350px;margin:10px auto}
#cse-search-box{height:30px;border-radius:2px;background-color:#fff;overflow:hidden;border:1px solid #bbb}
#search-text{font-size:12px;color:#ddd;border-width:0;background:transparent}
#search-box input[type="text"]{width:85%;padding:5px 20px 12px 0;color:#666;outline:none}
#search-button{position:absolute;top:0;right:0;height:32px;width:20px;margin-top:10px;font-size:14px;color:#fff;text-align:center;line-height:0;border-width:0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLPTwInVA6lDIR848pFBiIAFtVlkSazIdXZlxuemEdXM3Nvy8100lH5HfKkPNMN8I0oH3rNU5GZlN2uBmHLtY0vFypZUt2ZP_ggvd9NgWnwq833uewiU2y5gYTt3sv5ZFSvLP7ZLveUCA/s200/search-c.png) no-repeat;cursor:pointer}
#error-inner p {
line-height:1.3em;
font-size:15px;
}

Masukkan meta tag berikut jika belum memilikinya tepat dibawah kode <head> tetapi jika sudah lewatkan saja poin berikut ini.

<b:if cond='data:blog.pageType == "index"'>
    <title><data:blog.pageTitle/></title>
<b:else/>
    <b:if cond='data:blog.pageType == "error_page"'>
        <title>404: Page Not Found ~ <data:blog.title/></title>
    <b:else/>
        <title><data:blog.pageName/> ~ <data:blog.title/></title>
    </b:if>
</b:if>

Klik Simpan Template

Untuk melihat hasilnya dengan cara menaruh text 404.html di belakan link website anda seperti contoh berikut ini: https://blodroi.blogspot.com/404.html. Semoga berhasil dan terima kasih.

Sekian Artikel Membuat Halaman Error 404 di Blog

Sampailah kita pada akhir artikel Membuat Halaman Error 404 di Blog kali ini, mudah-mudahan bisa memberi manfaat untuk sobat semua. baiklah, sampai jumpa di postingan artikel lainnya.

sobat sekarang membaca artikel Membuat Halaman Error 404 di Blog dengan alamat link https://naparom.blogspot.com/2018/07/membuat-halaman-error-404-di-blog.html