Tạo nút Download cho blogspot với đồng hồ đếm ngược

Hiện nay có rất nhiều blogger hướng dẫn các bạn tạo các nút Download cho các blog đẹp mắt phù hợp với các trang blogspot về lĩnh vực tin học, phần mềm. Ngày hôm nay, mình xin giới thiệu tiếp cho các bạn cách tạo nút Download cho blogspot với đồng hồ đếm ngược thời gian của blogger the-anarchyta.

Xin mời các blogger thực hiện theo cách sau:

1.Chèn đoạn code js bên dưới lên trên thẻ đóng </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() + " giây";
            btn.style.display = "none";
        }
    }, 1000);
}
//]]>
</script>

2. Chèn đoạn code này vào phần HTML trong bài viết và chỉnh sửa cho phù hợp:

<button id="btn" onclick="generate()">Download</button>
<a href="http://www.cunconblog.com/" id="download" style="display: none;">Download</a>

Chúc các blogger tạo được một mẫu nút Download vừa ý cho blog của mình.

Download