Menu Tutup

Script download redirect ke page lain

Me-redirect halaman ke halaman lain setelah meng-klik link download dan menampilkan tombol download di halaman lain setelah menunggu 10 detik.

Cara ini populer dilakukan oleh blog-blog yang menyediakan konten download. Membuat halaman redirect download ini cukup hanya menggunakan script html dan php.

Cara untuk membuatnya seperti ini:

1. Buat link awal untuk me-redirect

Buat file bernama index.html untuk halaman awal kemudian masukkan kode ini :

<a href="download.php?file_name=file.exe">Klik Disini Untuk Download</a>

2. Buat halaman redirect nya

Buat file bernama download.php untuk halaman redirectnya kemudian masukkan kode ini :

<!DOCTYPE HTML>
<html>
  <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
      <title>Downlaod Page</title>
  </head>

  <body>
      
     <?php
if(isset($_GET['file_name'])){
  $download_path = $_GET['file_name'];
} else {
  die("Forbidden!");
}
?>
    <h1>Halaman Download</h1>
    <h3>Klik tombol download</h3>
<form action="<?php echo $download_path ?>" id="download">
<button class="tombol"> Download </button>
</form>

<script>
var downloadButton = document.getElementById("download");
var counter = 10;
var newElement = document.createElement("p");
newElement.innerHTML = "Tunggu 10 detik, tombol download akan muncul.";
var id;

downloadButton.parentNode.replaceChild(newElement, downloadButton);

id = setInterval(function() {
    counter--;
    if(counter < 0) {
        newElement.parentNode.replaceChild(downloadButton, newElement);
        clearInterval(id);
    } else {
        newElement.innerHTML = "Tunggu " + counter.toString() + " detik, tombol download akan muncul.";
    }
}, 1000);
</script>
  </body>
</html>

Download Scriptnya berbentuk zip DISINI

Ringkasan :

  1. Buat file index.html lalu masukkan kode link awalan untuk me-redirect download
  2. Buat file download.php lalu masukkan kode php redirect download

Hal yang perlu diperhatikan :

  1. Jika anda menggunakan cms seperti wordpress, untuk menggunakan script ini, anda bisa menguploadnya di ftp anda jangan meletakkan script ini bersamaan dengan file wordpress lainnya, masukkan file ini ke dalam folder agar pemanggilan download.php bisa dilakukan dan tidak terjadi error 404 Contoh path :
    public_html/download/download.php
  2. Janganlupa untuk melakukan pemanggilan halaman redirect selalu diawali dengan backslash Contoh :
    /download/download.php?file_name="file.exe"

Sekian, Semoga membantu

Postingan terkait :

Subscribe
Beritahu
guest
0 Comments
Inline Feedbacks
View all comments