Tombol Download Countdown ( Hitung Mundur ) Profesional

Countdown

Skylibkac, Tombol Download Countdown ( Hitung Mundur ) Profesional Untuk Blog - Kali ini kita akan membahas bagaiman cara membuat tombol download dengan hitung mundur sebelum mendownload file tersebut. Tentunya ini akan membuat blog kita menjadi powerfull dan interaktif. Untuk caranya bisa disimak:

Pertama: Copas saja file JavaScript dibawah ini dan letakkan sebelum tag </head>

<script type="text/javascript">

//<![CDATA[

function generate() {

    var linkDL = document.getElementById("download"),

        btn = document.getElementById("btn"),

        direklink = document.getElementById("download").href,

        waktu = 10;

    var teks_waktu = document.createElement("span");

    linkDL.parentNode.replaceChild(teks_waktu, linkDL);

    var id;

    id = setInterval(function () {

        waktu--;

        if (waktu < 0) {

            teks_waktu.parentNode.replaceChild(linkDL, teks_waktu);

            clearInterval(id);

            window.location.replace(direklink);

            linkDL.style.display = "inline";

        } else {

            teks_waktu.innerHTML = "" + waktu.toString() + " Detik";

            btn.style.display = "none";

        }

    }, 1000);

}

//]]>

</script>

Kedua: Copas saja script dibawah ini pada postingan anda tapi sebelumnya ganti mode compose menjadi HTML

<button onclick="generate()" id="btn">Download</button>

<a id="download" href="link-download" style="display:none">Download lagu</a>

Tulisan yang berwarna merah ganti dengan URL link anda. Hanya dua langkah saja untuk membuat tombol download hitung mundur. Kalo ada teman - teman ada pertanyaan silahkan ditanyakan pada kolom komentar. Sekian dan Terima Kasih.

Keywords:

#Powerfull #Skylibkac #Countdown #Button #WwwThe-AnarchytaBlogspotCom

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest