Skip to main content
Website Mini

follow us

Redirect Otomatis Halaman Error 404 Ke Halaman Homepage Dengan Javascript - Selamat sore sobat Website Mini. Pada sore ini Saya akan coba posting dengam judul seperti diatas, yaitu redirect halaman error 404 ke halaman homepage dengan javascript.

Biasanya situs atau blog mempunyai halaman error 404. Halaman error 404 bertujuan untuk memberitahukan pengunjung saat membuka halaman yang tidak di temukan atau sudah di hapus.

Error 404 biasanya karena salah penulisan url atau memang artikel yang sudah dihapus. Mungkin sobat blogger juga pernah mengalami saat membuka halaman yang di cari namun di alihkan ke halaman error 404 dan di suruh mengunjungi halaman beranda atau homepage untuk mencari artikel yang sedang sobat cari.

Nah, kali ini kita akan membuat redirect otomatis halaman error 404 ke halaman homepage dengan javascript dengan jeda waktu beberapa detik, sehingga pengguna tidak perlu meng-klik link untuk menuju ke halaman homepage.

Jika sobat ingin mencobanya, mari kita ikuti caranya berikut ini.

Silahkan sobat copy kode javascript berikut ini dan simpan di atas kode </body> atau &lt;!--</body>--&gt; &lt;/body&gt;

1. Yang pertama untuk blog non AMP


<b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
<script>
setTimeout(function () {
window.location.replace("<data:blog.homepageUrl/>");
    }, 8000); //akan memanggil fungsi setelah 8 detik.
</script>
</b:if>

Kode di atas akan meredirect otomatis halaman error 404 ke homepage setelah jeda waktu 8 detik, sehingga pengunjung masih bisa membaca pesan di halaman error 404, Anda bisa mengatur atau mengganti angka 8000 untuk mengatur waktu tunggu. 1 detik = 1000.

Jika sobat ingin langsung redirect tanpa ada waktu jeda, gunakan kode berikut ini.


<b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
<script>
setTimeout(function () {
window.location.replace("<data:blog.homepageUrl/>");
    });
</script>
</b:if>

Atau kode ini.


<b:if cond='data:blog.pageType in {&quot;error_page&quot;}'>
<script>
window.location.replace("<data:blog.homepageUrl/>");
</script>
</b:if>

2. Yang kedua untuk blog yang menggunakan URL mobile ?m=1 sebagai halaman AMP, gunakan kode berikut yang hanya akan berlaku pada URL desktop saja.


<b:if cond='data:blog.pageType in {&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;false&quot;'>
<script>
setTimeout(function () {
window.location.replace("<data:blog.homepageUrl/>");
    }, 8000); //akan memanggil fungsi setelah 8 detik.
</script>
</b:if>

Atau


<b:if cond='data:blog.pageType in {&quot;error_page&quot;} and data:blog.isMobileRequest == &quot;false&quot;'>
<script>
setTimeout(function () {
window.location.replace("<data:blog.homepageUrl/>");
    });
</script>
</b:if>

Demikian artikel tentang Redirect Otomatis Halaman Error 404 Ke Homepage Dengan Javascript. Semoga bermanfaat.

You Might Also Like:

Buka Komentar