Cara Membuat Halaman Error 404 di Blog - Salah satu syarat dari navigasi blog yang baik yakni untuk menawarkan tujuan dan pilihan yang terang bagi pengunjung di halaman Anda. Demikian juga, halaman kesalahan 404. Kesalahan halaman 404 yakni halaman yang akan dipakai untuk menempatkan halaman yang tidak ada di blog Anda, baik sebab halaman tersebut telah dihapus, tautannya terputus, atau alamat jalan masuk telah salah mengubah url. Untuk blog yang memakai blogspot sendiri biasanya menyediakan 404 halaman kesalahan, tetapi 404 halaman kesalahan diberikan kekerasan yang dapat kita ubah sendiri.
Demikian isu perihal Cara Membuat Halaman Error 404 di Blog. Maaf jikalau ada kekurangan, silahkan tambahkan beberapa kekurangan pada artikel di kolom komentar. Saya harap isu ini bermanfaat.
Cara Membuat Halaman Error 404 di Blog
- Masuk ke akun blogger
- Pilih hidangan Template kemudian pilih Edit HTML
- Masukkan aba-aba meta tag berikut sempurna diatas aba-aba </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 aba-aba CSS berikut diatas aba-aba ]]></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/AVvXsEg1AshPtWaT14g38RFEgCXFv1e__V-3QRA2oDyTDbgtMnE7F9ULmoANcZhyphenhyphenAyF6MNBqumyT0jvJkW2_iYMfyj_Q69d6V8sDbmWvt-VXDEZ3d2xLAeQS05LcXx1q6Kz-Lx5SKn0auOhCwi0/s200/search-c.png) no-repeat;cursor:pointer} #error-inner p { line-height:1.3em; font-size:15px; }
- Masukkan meta tag berikut jikalau belum memilikinya sempurna dibawah aba-aba <head> tetapi jikalau 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
Demikian isu perihal Cara Membuat Halaman Error 404 di Blog. Maaf jikalau ada kekurangan, silahkan tambahkan beberapa kekurangan pada artikel di kolom komentar. Saya harap isu ini bermanfaat.
Tidak ada komentar:
Posting Komentar