Cara Membuat Tombol Download Dengan Countdown Timer

Mesothelioma is a form of cancer which occurs in thin membranes (called the mesothelium) lining the chest, lungs, abdomen and sometimes the heart. Although quite rare, mesothelioma symptoms strike more than 200 people each year in the United States. The majority of mesothelioma cases are directly linked to asbestos exposure. Because of the long latency period of mesothelioma, the average age of patients is between 50 and 70 years. Mesothelioma affects men most due to the high exposure of asbestos in industrial typed jobs. Mesothelioma symptoms include respiratory problems, shortness of breath, continual cough and pneumonia. Other mesothelioma symptoms include weight loss, abdominal problems and swelling. In some mesothelioma patients, the mesothelioma symptoms are quite muted, making it hard for mesothelioma doctors to diagnose. Mesothelioma doctors specialize in the study, research, and treatments of Mesothelioma cancers. Mesothelioma (or the cancer of the mesothelium) is a disease in which cells become abnormal and replicate without control. During Mesothelioma, these cells will invade and damage tissues and organs. Mesothelioma cancer cells can spread throughout the body causing death. Mesothelioma treatments and Mesothelioma clinical trials and tests There are many mesothelioma treatment options available. Treatments include surgery, radiation therapy and chemotherapy and the mesothelioma treatment depends on the patient’s age, general health and stage of the cancer. There has been much mesothelioma research conducted throughout the past two years to find new treatment methods. Click here to read more about mesothelioma treatment techniques. Through mesothelioma research, The National Cancer Institute has sponsored mesothelioma tests and clinical trials that are designed to find new treatment methods. Because of the increase in number of mesothelioma cases in the United States, both governments have increased funding for mesothelioma research. Mesothelioma research and clinical trials have been successful in developing new techniques to fight this cancer and the outlook for more advanced mesothelioma treatments is promising. Surgery is the most common treatment method for malignant mesothelioma. Tissues and linings affected by mesothelioma are removed by the doctor and may include the lung or even diaphragm. A second mesothelioma treatment method is radiation therapy through the use of high energy x-rays that kill the cancer cells. Radiation therapy can be outside or inside the body. A third mesothelioma treatment method is chemotherapy. Through pills or drugs through needles, chemotherapy drugs are used to kill cancer cells. A new mesothelioma treatment method is called intraoperative photodynamic therapy. In this treatment, light and drugs are used to kill cancer cells during surgery for early stages of mesothelioma in the chest. Although there are numerous treatments and drugs for mesothelioma, doctors are losing the battle against this deadly disease. Most mesothelioma treatments involve old techniques combined with different drug cocktails. However, in most cases, these mesothelioma treatments have many side effects including organ damage, nausea, increase in heart failure etc. The rush to find a more effective mesothelioma treatment or even cure is ongoing at numerous clinical labs across the nation. Let's hope that the mesothelioma treatments will one day erradicate mesothelioma cancer and asbestosis. With an abundance of information on the Internet, Mesothelioma Cancer and Asbestos ([]) has consolidated the most important issues surrounding Mesothelioma, Mesothelioma doctors and symptoms, Mesothelioma treatment, Mesothelioma research and tests. At [], the website contains useful resources on Mesothelioma lawyers and attorneys, as well as causes by asbestos exposure, asbestos removal, asbestos attorneys and lawsuits, and asbestos cancer. Patients stricken by Mesothelioma and their families require support and current information. Mesothelioma Online Resources hopes to educate and give hope to survivors and victims. Mesothelioma is such a harsh disease. Not only does it take years for symptoms to appear, but there are limited treatements and drugs that will prolong the lives of workers stricken with mesothelioma. In many cases, the death rate of mesothelioma is unfortunately very high. However, with increased funding in mesothelioma research through the government and private grants, the outlook for a mesothelioma cure is quite possible. In the meantime, mesothelioma support groups and local discussions provide the ongoing support for mesothelioma patients. Mesothelioma Cancer and Asbestos ([])is your source for mesothelioma and asbestos information, treatments, clinical trials, attorneys, support groups and lawyers. About the website: Michael Kenneth is a successful Internet Publisher and has researched and written on many topics for [] - your complete source for mesothelioma information, mesothelioma attorneys and lawyers, mesothelioma treatments and research, asbestos exposure and removal, asbestos attorneys and legislation as well as asbestos cancer. - Pada artikel sebelumnya, admin pernah share tutorial yaitu Cara Membuat Tombol Demo, Download, dan Buy Dengan Icon SVG. Nah sedangkan pada kesempatan kali ini admin akan memberikan tutorial yang sama hanya saja lebih ditambahkan waktu dengan hitungan mundur.

Tombol dengan tampilan seperti ini dapat kalian temukan pada blog download, style tombol yang seperti ini sering kali digunakan dengan berbagai macam tujuan, apa saja tujuannya tersebut? akan kita bahas semuanya secara menyeluruh di artikel ini, jadi baca secara menyeluruh dan jangan skip.


Memasang tombol download seperti ini tentunya akan meningkatkan bounce rate dan juga dapat digunakan untuk menaikkan CPM iklan di blog.

Countdown Timer (hitungan mundur) dari tombol seperti ini biasanya sering kita temui diantaranya 15 detik, 10 detik atau bahkan 1 menit untuk bisa menuju otomatis ke link download yang kita tuju.

Untuk anda yang sudah tidak sabar ingin segera mencobanya, bisa anda ikuti setiap langkah cara pemasangannya dibawah ini.

Cara Pemasangan di Template

Untuk membuat tombol download dengan count down timer seperti ini, anda diharuskan untuk menambahkan CSS, dan Javascript di template yang sedang anda gunakan. Lalu bagaimana cara nya? simak baik-baik tutorial dibawah ini.

1. Menambahkan Kode CSS

Pastikan anda sudah login ke Blogger, lalu salin kode dibawah ini dan paste diatas </head> atau ]]></b:skin> pada template anda.
<style type='text/css'>
/* Auto Download */
#btn{cursor:pointer;padding:10px 20px;border:none;border-radius:3px;background:#fff;color:#1589E3;float:right;text-transform:uppercase;font-weight:700}
#btn:hover, a#download:hover{background:#BC4634;color:#fff;-webkit-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;  -ms-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.paling-jobo{display:block;width:60%;margin: 20px auto;border-radius:4px;font-family:'PT Sans Narrow', sans-serif}
.bungkus-down{background:#1589E3;color:#fff;padding:10px 20px;display:block;border-top-right-radius:3px;border-top-left-radius: 3px;}
.file-info{color:#fff;display:inline-block;font-size:1.3em;line-height: 38px;text-align:left}
.catatan-sikil{padding:10px 20px;background:#EAEBED;border-bottom-right-radius:3px;border-bottom-left-radius:3px;color:#555}
a#download{padding:10px 20px;border-radius:3px;background:#fff;color:#FE634A;float:right;text-transform:uppercase;font-weight:700;text-align:center}
.embuh span{display:inline-block;line-height: 38px;float:right}
.iklan-down{float:right;width:40%;padding-left:10px;margin:20px 0;text-align:right}
.file-deskripsi span{margin-right:3px}
.iklan-ngisore, .iklan-duwure{display:block;width:100%;margin:0 auto}
.post-labels, .post-timestamp{display:none}
@media screen and (max-width:600px){
@media screen and (max-width:320px){
/* CSS styles */
#btn, a#download{width:100%;margin-bottom:10px}
.embuh span{float:none;width:100%;text-align:center}

2. Menambahkan Javascript

Salin kode dibawah ini, dan paste diatas kode </body> yang terdapat pada template anda.
<script type='text/javascript'>
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 () {
        if (waktu < 0) {
            teks_waktu.parentNode.replaceChild(linkDL, teks_waktu);
   = "inline";
        } else {
            teks_waktu.innerHTML = "<i class='fa fa-clock-o' aria-hidden='true'/> " + "File siap diunduh dalam " + "" + waktu.toString() + " Detik....";
   = "none";
    }, 1000);

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; = "only x"; o.parentNode.insertBefore(i, o); setTimeout(function () { = n || "all" }) }
Jangan lupa untuk Simpan Tema yang sudah anda edit seperti diatas.

Cara Penerapan di Postingan

Untuk menerapkan pada postingan, anda perlu memasukkan kode HTML berikut ini, pada tab penulisan HTML bukan Compose.
<div class="paling-jobo">
<div class="bungkus-down">
<div class="embuh">
<div class="file-info">
Nama File Mu
<button onclick="generate()" id="btn"><i class="fa fa-cloud-download" aria-hidden="true"></i> Download</button>
<a id="download" href="linkdownload" style="display:none"><i class="fa fa-cloud-download" aria-hidden="true"></i> Download Ulang</a>
<div class="file-deskripsi">
<span class="uploader"><i class="fa fa-user-circle" aria-hidden="true"></i> Sempetin</span> <span class="file-size"> <i class="fa fa-file" aria-hidden="true"></i>
 File Size 5MB</span>
<div class="catatan-sikil">
Jika tidak terdownload otomatis silahkan klik Download Ulang. Dan jika link rusak silahkan lapor melalui halaman Contact Us.
Setelah selesai, anda bisa publikasikan postingan yang anda buat.


Sampai disini anda telah berhasil menerapkan tutorial diatas, dan apabila gagal atau ada yang perlu untuk ditanyakan bisa ajukan melalui kolom komentar yang tersedia dibawah artikel ini.

Mungkin sekian dulu postingan yang bisa kami berikan, semoga bermanfaat dan
Terima kasih
web hosting surabaya cpanel web hosting beli web hosting daftar domain membuat web hosting jakarta web hosting wordpress hosting indonesia indo web hosting web hosting termurah hosting indonesia gratis singapore hosting sewa web hosting hosting tangguh buy hosting vps hosting indonesia web hosting indonesia terbaik web hosting indonesia gratis web hosting terbaik hosting web beli domain dan hosting murah web hosting murah beli hosting murah daftar web hosting shared hosting murah web hosting murah unlimited web hosting indonesia web hosting terbaik indonesia hosting murah unlimited review hosting indonesia 70 Rp 2.03 0.47 web hosting terbaik di indonesia 90 Rp 1.96 0.46 hosting terbaik 1600 Rp 1.91 0.42 sewa hosting murah 30 Rp 1.9 0.79 hosting indonesia terbaik 390 Rp 1.89 0.4 paket hosting murah 40 Rp 1.87 0.96 vps hosting murah 30 Rp 1.85 0.97 jasa web hosting 30 Rp 1.78 0.73 hosting terbaik indonesia 880 Rp 1.77 0.44 web hosting murah indonesia 70 Rp 1.77 0.71 best hosting indonesia 90 Rp 1.7 0.62 hosting murah 5400 Rp 1.7 0.93 domain id 1000 Rp 1.69 0.45 hosting cpanel 110 Rp 1.69 0.61 hosting dan domain 210 Rp 1.66 0.64 hosting free 880 Rp 1.66 0.64 top 10 web hosting indonesia 50 Rp 1.64 0.67 bisnis hosting 50 Rp 1.63 0.43 jual domain murah 210 Rp 1.62 0.89 web hosting gratis 2900 Rp 1.62 0.55 beli domain dan hosting 590 Rp 1.6 0.68 domain hosting indonesia 50 Rp 1.6 0.82 beli hosting 390 Rp 1.58 0.72 bisnis web hosting 20 Rp 1.57 0.73 email hosting indonesia 260 Rp 1.56 0.46 membuat server hosting sendiri 70 Rp 1.52 0.16 free hosting and domain 480 Rp 1.51 0.64 harga domain 880 Rp 1.49 0.51 telkom hosting 90 Rp 1.49 0.1 hosting indonesia murah 90 Rp 1.46 0.88 hosting terbaik di indonesia 210 Rp 1.46 0.5 cara hosting web 480 Rp 1.44 0.38 unlimited hosting 140 Rp 1.44 0.92 biznet hosting 140 Rp 1.42 0.22 unlimited hosting indonesia 50 Rp 1.42 0.88 top hosting indonesia 30 Rp 1.41 0.58 hosting yang bagus 50 Rp 1.4 0.48 asian brain hosting 40 Rp 1.39 0.19 domain dan hosting murah 170 Rp 1.39 0.94 domain hosting murah 320 Rp 1.37 0.63 cara beli domain 320 Rp 1.35 0.48 beli domain murah 880 Rp 1.34 0.72 plasa hosting 260 Rp 1.34 0.15 hosting murah indonesia jagoan hosting surabaya jual domain hosting server indonesia cara pindah hosting pasarhosting sewa domain webhost cpanel hosting hosting murah berkualitas domain dan hosting harga hosting membuat server hosting daftar hosting harga hosting dan domain windows hosting indonesia jasa hosting terbaik jasa hosting murah hosting indonesia domain paling murah hosting termurah indonesia pengertian domain dan hosting hosting gratis terbaik domain dan hosting gratis