Cara Membuat Tombol Unduh Disertai Durasi 10 Detik

KURAZONE ~ Halo sahabat Kurazer, pernah lihat model download seperti dibawah ini :


--------------------------------

--------------------------------

Model download diatas adalah demo dari tutorial kali ini yang saya rancang berdurasi 60 detik, setelah 60 detiknya habis maka link unduh akan terbuka.

Nah, untuk selanjutnya kalian bisa ubah 60 detiknya menjadi 10 detik.

Berikut adalah ...

Cara Membuat Tombol Unduh Disertai Durasi 10 Detik

1. Buka akun Blogger >> Pilih Tema >> Pilih edit HTML
2. Copy kode JavaScript dibawah ini, kemudian letakkan diatas </body>
<script>var downloadButton = document.getElementById("kuradownload");
var counter = 60;
var newElement = document.createElement("p");
newElement.innerHTML = "Mohon Bersabar!!";
var id;
downloadButton.parentNode.replaceChild(newElement, downloadButton);
id = setInterval(function() {
    counter--;
    if(counter < 0) {
        newElement.parentNode.replaceChild(downloadButton, newElement);
        clearInterval(id);
    } else {
        newElement.innerHTML = "Link unduh akan segera terbuka dalam " + counter.toString() + " detik lagi.";
    }
}, 1000);</script>
Note :
- Ubah angka 60 menjadi 10 (atau sesuai keinginan kalian), angka yang dimasukkan akan diartikan sebagai detik.
- Ubah teks bewarna kuning sesuai keinginan kalian

3. Copy kode CSS dibawah ini, kemudian letakkan diatas kode ]]></b:skin>
.buttonkura{background-color: #111;border: 2px solid #007bfd;color: white;text-decoration: none;padding: 5px;}
a.buttonkura{color:white !important}
Note :
- Kode CSS ini untuk mensetting warna tombol download
- Silakan diedit sesuai selera

4. Simpan Template

Dari sini kalian sudah memiliki bahan "tombol unduh" nya, selanjutnya tinggal melakukan pemanggilan pada kode "tombol unduh" tersebut. Kode pemanggil ini bisa kalian letakkan didalam artikel yang ingin diberi tombol unduh.
<a class="buttonkura" href="https://www.kurazone.net/" id="kuradownload">Unduh Sekarang!!</a>
Note :
- Ubah https://www.kurazone.net/ nya menjadi URL / link download milik kalian
- Ubah teks "Unduh Sekarang!!" sesuai selera

Cukup mudah bukan?! :v

Itulah informasi mengenai "Cara Membuat Tombol Unduh Disertai Durasi 10 Detik", selamat mencoba dan semoga bermanfaat. Goodluck!!






Lebih baru Lebih lama