Cara Membuat Tombol Download Countdown Timer Di Blogger dengan mudah dan video tutorial

Cara Membuat Upload Timer di Blogger - Tombol upload atau tombol upload merupakan fitur yang sangat penting dari sebuah website atau blog. Tombol download

memudahkan untuk mendownload file karena disediakan langsung oleh pemilik website, pengguna hanya perlu mengkliknya, maka akan terdownload secara otomatis.

, tetapi di sini kami juga menggunakan layanan pihak ketiga untuk menyimpan file untuk dibagikan nanti.

Ini berarti layanan penyimpanan online seperti google drive, mediafire, zippyshare dan banyak lainnya, tidak hanya untuk menyimpan tetapi juga untuk mengunduh melalui tautan langsung.

yang akan terhubung dengan tombol download yang akan dibuat nanti, untuk membuatnya cukup mudah, ikuti tutorial di bawah ini!!

Cara Membuat Tombol Download Timer Di Blogger

kali ini kita akan membuat tombol download timer yang merupakan tombol download dimana user yang ingin mendownload file harus menunggu beberapa detik terlebih dahulu. hitung mundur

juga sangat bagus untuk diaktifkan karena meminimalkan kesalahan dan kesalahan nanti dan juga dapat meningkatkan adsense Anda :))

karena pengguna secara otomatis harus menunggu beberapa detik, pengguna melihat iklan lebih lama dari biasanya! Unduh Count Button sangat cocok untuk mereka yang memiliki situs web untuk mengunduh aplikasi, musik, dan lainnya.

oke ayo kita lakukan!! Pertama, pastikan kamu sudah memiliki blogger dan website, ya! jika anda belum daftar

jika anda masuk ke halaman theme > edit html copy kode dibawah ini dan letakkan sebelum kode andlt;/headandgt; atau andlt;/headandgt;andlt;!–andlt;head/andgt;–andgt; lalu simpan

CODE

<script type='text/javascript'>
//<![CDATA[
//CSS Ready
function loadCSS(e, t, n) { "use strict"; var i = window.document.createElement("link"); var o = t || window.document.getElementsByTagName("script")[0]; i.rel = "stylesheet"; i.href = e; i.media = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { i.media = n || "all" }) }
loadCSS("https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css");
//]]>
</script>
<style type='text/css'>
/* Download Counter Box */
#btnx{cursor:pointer;padding:10px 20px;border:0;border-radius:3px;background:#fff;color:#e67e22;float:right;text-transform:capitalize;font-weight:500;transition:all 0.5s}#btnx:hover,#downloadx:hover{background:#d35400;color:#fff;outline:none}.batas-downx{display:block;margin:0 auto;border-radius:4px}.dalam-downx{background:#e67e22;color:#fff;padding:20px;display:block;border-top-right-radius:3px;border-top-left-radius:3px}.file-info{color:#fff;display:inline-block;font-size:1.2em;line-height:38px;text-align:left}.catatan-downx{padding:20px;background:#f7f7f7;border-bottom-right-radius:3px;border-bottom-left-radius:3px;color:#555;font-size:14px}#downloadx{float:right}#downloadx{padding:10px 20px;border-radius:3px;background:#fff;color:#e67e22;float:right;text-align:center;font-size:14px;text-transform:capitalize}.bungkus-info span{display:inline-block;line-height:38px;float:right}.file-deskripsi{display:block}.file-deskripsi span{margin-right:3px}
@media screen and (max-width:640px){.batas-downx{float:none;width:100%}}
@media screen and (max-width:320px){.file-info{display:block;text-align:center}#btnx, a#downloadx{width:100%;margin-bottom:10px}.bungkus-info span{float:none;width:100%;text-align:center}.file-deskripsi{text-align:center}}
</style>
<script type='text/javascript'>
//<![CDATA[
function generate(){var e,n=document.getElementById("downloadx"),t=document.getElementById("btnx"),a=document.getElementById("downloadx").href,l=10,d=document.createElement("span");n.parentNode.replaceChild(d,n),e=setInterval(function(){--l<0?(d.parentNode.replaceChild(n,d),clearInterval(e),window.location.replace(a),n.style.display="inline"):(d.innerHTML="<i class='fa fa-clock-o' aria-hidden='true'/> The file is ready to download in "+l.toString()+" Seconds....",t.style.display="none")},1e3)}
//]]>
</script>

setelah itu kita aktifkan, copy kode dibawah ini dan paste ke postingan atau halaman blog anda.

Setelah diaktifkan, salin kode di bawah ini dan tempelkan ke postingan atau halaman blog.

<div class="batas-downx">
<div class="dalam-downx">
<div class="bungkus-info">
<div class="file-info">
Name File
</div>
<button onclick="generate()" id="btnx"><i class="fa fa-cloud-download" aria-hidden="true"></i> download</button>
<a id="downloadx" href="LINK DOWNLOAD" style="display:none"><i class="fa fa-cloud-download" aria-hidden="true"></i> Re-download</a>
</div>
<div class="file-deskripsi">
<span class="uploader"><i class="fa fa-user-circle" aria-hidden="true"></i> Nama Pembuat </span>
<span class="file-size"> <i class="fa fa-file" aria-hidden="true"></i> File Size 15MB </span>
</div>
</div>
<div class="catatan-downx">
Jika tidak mengunduh secara otomatis, klik Unduh lagi. Dan jika linknya rusak, silahkan lapor melalui halaman Formulir Kontak blog ini.
</div>
</div>

kesimpulan

sebelum melakukan ini pastikan Anda telah mengunggah file ke layanan penyimpanan pihak ketiga ya saya sarankan google drive dan mediafire!!.

setelah itu paste link download kode diatas untuk menggunakannya!! Ini adalah tutorial untuk membuat tombol pengatur waktu pengisian daya. Jika Anda memiliki pertanyaan, silakan komentar di bawah.

dan semoga tutorial ini dapat bermanfaat!!

video tutorial