Hallo sobat mitra tekno niaga, pada tulisan kali ini Kami akan memberikan tutorial sedarhana tentang bagaimana cara membuat redirect halaman pada sebuah website. Sesuai namanya, teknik redirect halaman ini biasa digunakan untuk melakukan sebuah pengalihan URL atau link pada website, dengan redirect ini Anda akan diarahkan dari halaman lama ke halaman yang baru.
Untuk lebih jelasnya akan Kami analogikan seperti ini, misalnya Anda mempunyai 2 halaman dengan alamat URL yang berbeda, sebut saja Halaman A dan Halaman B. Anda ingin melakukan redirect dari Halaman A ke Halaman B, maka Anda harus menyisipkan script redirect pada Halaman A, sehingga bila ada orang yang mengakses Halaman A secara otomatis akan segera diarahkan ke Halaman B.
Ngerti Kan?
Nah, pada tutorial ini Kami akan memberikan script-script yang bisa Anda gunakan untuk membuat redirect halaman seperti analogi diatas. Yuk mari baca dan simak tutorial ini sampai habis, di jamin akan memberikan manfaat yang besar untuk pengetahuan Anda. Oke, langsung saja ya.
Cara yang pertama dengan menggunakan HTML, berikut ini adalah script HTML yang bisa Anda gunakan untuk melakukan redirect halaman. Cara pemasangannya sangatlah mudah, Anda cukup sisipkan atau letakan script ini pada bagian tag <head> </head>
. Lihat script dibawah ini:
<html>
<head>
<title> Halaman A </title>
<meta http-equiv="refresh" content="3;url=https://www.mitrateknoniaga.com">
<head>
<body> Halaman A </body>
</html>
Script diatas bernama tag meta, memiliki atribut http-equiv
yang berisikan instruksi melakukan refresh halaman. Kemudian ada atribut content
yang berisi 2 parameter yaitu delay dan url. Delay berisi nilai berupa angka yang memiliki satuan detik, lalu url berisi link halaman yang akan menjadi tujuan atau destinasi redirect.
Pada contoh script diatas, halaman akan melakukan redirect setelah menunggu selama 3 detik, setelah 3 detik berlalu halaman secara otomatis akan berpindah ke https://www.mitrateknoniaga.com
. Jika Anda tidak ingin menggunakan waktu tunggu atau delay, Anda bisa isi parameter delay dengan nilai angka 0.
Cara yang kedua dengan menggunakan JavaScript, berikut ini adalah script JavaScript yang bisa Anda gunakan untuk melakukan redirect halaman. Pada JavaScript terdapat 3 jenis script yang bisa Anda gunakan, di antaranya yaitu window.location
, window.location.href
dan window.location.replace()
.
Cara pemasangannya sangatlah mudah, Anda masih cukup sisipkan atau letakan script ini pada bagian tag <head> </head>
, lalu jangan lupa setiap penulisan JavaScript Anda juga harus sertakan tag <script type="text/javascript> </script>
. Lihat script dibawah ini:
<html>
<head>
<title> Halaman A </title>
<script type="text/javascript">
window.location = "https://www.mitrateknoniaga.com";
</script>
<head>
<body> Halaman A </body>
</html>
atau
<html>
<head>
<title> Halaman A </title>
<script type="text/javascript">
window.location.href = "https://www.mitrateknoniaga.com";
</script>
<head>
<body> Halaman A </body>
</html>
atau
<html>
<head>
<title> Halaman A </title>
<script type="text/javascript">
window.location.replace("https://www.mitrateknoniaga.com");
</script>
<head>
<body> Halaman A </body>
</html>
Jika ingin menggunakan waktu tunggu atau delay, Anda bisa menggunakan script dibawah ini:
<html>
<head>
<title> Halaman A </title>
<script type="text/javascript">
setTimeout(
function(){
window.location = "https://www.mitrateknoniaga.com"
},
1000); // waktu tunggu atau delay
</script>
<head>
<body> Halaman A </body>
</html>
Pada method setTimeout()
, waktu tunggu atau delay memiliki satuan Milidetik yang berarti 1000 Milidetik = 1 Detik.
Cara yang ketiga dengan menggunakan script PHP, jika website Anda menggunakan PHP berikut ini adalah script PHP yang bisa Anda gunakan untuk melakukan redirect halaman. Lihat script dibawah ini:
<?php header("location: https://www.mitrateknoniaga.com"); ?>
Gimana? Mudah Kan.
Demikian pembahasan tentang Cara Membuat Redirect Halaman Website, semoga tulisan ini bisa memberikan manfaat untuk Anda yang membaca. Sampai jumpa di tulisan berikutnya. Terima Kasih