Countdown timer adalah sebuah mekanisme yang membantu orang untuk menghitung mundur waktu hingga mencapai waktu tertentu, seperti saat melakukan persiapan untuk acara penting atau mengantisipasi waktu batas pengumpulan tugas. Di dunia digital saat ini, sangatlah mudah untuk membuat countdown timer. Terdapat beberapa website atau plugin di WordPress yang dapat digunakan untuk membuat countdown timer dengan cepat dan mudah.
Cara Membuat Countdown Timer di WordPress
Berikut adalah beberapa cara untuk membuat countdown timer di WordPress:
1. Menggunakan Plugin Countdown Timer Ultimate
Plugin Countdown Timer Ultimate adalah plugin gratis yang dapat digunakan untuk membuat countdown timer di WordPress. Plugin ini dilengkapi dengan fitur-fitur yang lengkap dan mudah digunakan. Berikut adalah langkah-langkah untuk membuat countdown timer menggunakan plugin Countdown Timer Ultimate:
- Pertama, instal dan aktifkan Plugin Countdown Timer Ultimate melalui dashboard WordPress
- Buka halaman post atau page di mana Anda ingin menambahkan countdown timer
- Pilih blok Countdown Timer Ultimate dari daftar blok di Gutenberg dan seret ke posisi yang diinginkan di halaman
- Pilih konfigurasi countdown timer di bagian setting Countdown Timer Ultimate pada sidebar
- Simpan halaman atau post Anda dan selesai
2. Menggunakan Website W3Counter
W3Counter adalah website yang menawarkan layanan gratis untuk membuat countdown timer. Berikut adalah langkah-langkah untuk membuat countdown timer menggunakan website W3Counter:
- Kunjungi situs W3Counter.com dan pilih Countdown Timer
- Pilih model dan tema countdown timer yang Anda inginkan dari daftar pilihan
- Pilih tanggal dan waktu target countdown timer Anda
- Pilih timezone Anda
- Pilih format countdown timer Anda, apakah ingin dihitung mundur selama hari atau jam
- Klik tombol Create Countdown Timer dan tunggu beberapa saat hingga countdown timer selesai
- Kopikan kode embed countdown timer tersebut
- Buka halaman post atau page di mana Anda ingin menambahkan countdown timer, lalu buka blok Custom HTML
- Tempelkan kode embed countdown timer tersebut di dalam blok Custom HTML tersebut
- Simpan halaman atau post Anda dan selesai
Contoh Membuat Countdown Timer Di Blog
1. Cara Membuat Countdown Timer di Argia Academy
Argia Academy adalah sebuah website yang fokus pada pembelajaran desain grafis, video editing, dan fotografi. Website ini juga membahas beberapa topik mengenai WordPress dan plugin-plugin yang digunakan di dalamnya. Argia Academy memberikan panduan lengkap untuk membuat countdown timer di WordPress dan membuatnya terlihat menarik. Dalam panduan tersebut, Argia Academy menggunakan plugin Countdown Timer Ultimate untuk membuat countdown timer di WordPress.
Langkah-langkah:
- Tutorial ini menggunakan Plugin Countdown Timer Ultimate. Pertama, instal dan aktifkan plugin Countdown Timer Ultimate melalui dashboard WordPress Anda. Jika Anda belum familiar dengan cara menginstal plugin, Anda bisa membaca panduan: Cara Menginstal Plugin WordPress.
- Lalu, buka halaman post atau page di mana Anda ingin menambahkan countdown timer.
- Pilih blok countdown timer ultimate dari daftar blok di Gutenberg dan seret ke posisi yang diinginkan di halaman.
- Silahkan buka setting Countdown Timer Ultimate pada sidebar, Anda dapat memilih detik, format tahun, hari, jam, menit, dan detik.
- Pada bagian Countup/Countdown, silahkan untuk memilih dengan menyesuaikan dengan Waktu Countdown Timer yang Anda inginkan.
- Pilih Style untuk memilih penampilan Countdown Timer Anda.
- Simpan dan terapkan dengan mengklik tombol
2. Cara Membuat Countdown Timer di Joko Warino Blog
Joko Warino Blog adalah sebuah blog yang memberikan berbagai macam tutorial dan panduan tentang blogging dan pengelolaan website seperti artikel SEO, tutorial WordPress, dan jasa pembuatan website. Dalam website tersebut, Joko Warino Blog memberikan tutorial tentang cara membuat countdown timer di blog menggunakan dua cara, yaitu menggunakan Teknik HTML dan Javascript atau Menggunakan Plugin WordPress.
Langkah-langkah:
Menggunakan Teknik HTML dan Javascript
- Buka halaman HTML tempat countdown timer akan ditempatkan pada editor HTML.
- Salin kode Javascript countdown timer di bawah ini dan tempelkan pada editor HTML tempat countdown timer akan ditempatkan.
- Ganti garis miring “DATE for event” pada kode JavaScript tersebut dengan tanggal dan waktu tepat saat event Anda dimulai.
- Rancang HTML Anda dengan menggunakan elemen divs, seperti ini:
- Posisikan HTML countdown timer tersebut di halaman Anda menggunakan CSS dan selesai.
<script type="text/javascript">
function countdown()
var now = new Date();
var eventDate = new Date("DATE for event");
var currentTime = now.getTime();
var eventTime = eventDate.getTime();
var remTime = eventTime - currentTime;
var sec = Math.floor(remTime / 1000);
var min = Math.floor(sec / 60);
var hrs = Math.floor(min / 60);
var days = Math.floor(hrs / 24);
hrs = hrs % 24; min %= 60; sec %= 60;
hrs = (hrs < 10) ? "0" + hrs : hrs;
min = (min < 10) ? "0" + min : min;
sec = (sec < 10) ? "0" + sec : sec;
document.getElementById("days").textContent = days;
document.getElementById("days").innerText = days;
document.getElementById("hours").textContent = hrs;
document.getElementById("minutes").textContent = min;
document.getElementById("seconds").textContent = sec;
setTimeout(countdown, 1000);
countdown();
</script>
<div id="countdown">
<div><span id="days"></span> Days</div>
<div><span id="hours"></span> Hours</div>
<div><span id="minutes"></span> Minutes</div>
<div><span id="seconds"></span> Seconds</div>
</div>
Menggunakan Plugin WordPress
- Jika Anda ingin menggunakan plugin WordPress, silahkan kunjungi Dashboard WordPress, lalu klik Plugins -> Add New
- Cari Countdown Timer Plugin di plugins WordPress dan pilih salah satu yang paling sesuai dengan kebutuhan Anda.
- Klik Install Now dan klik Activate Plugin untuk mengaktifkan countdown timer plugin tersebut.
- Buka halaman post atau page di mana Anda ingin menambahkan countdown timer, pilih Countdown Timer Plugin, dan tambahkan countdown timer tersebut.
- Atur pengaturan countdown timer di dalam plugin countdown timer tersebut.
- Simpan dan terapkan dengan mengklik tombol
Manfaat Countdown Timer
Tidak hanya membuat website Anda terlihat lebih menarik, countdown timer juga memberikan banyak manfaat, terutama bagi Anda yang memiliki website e-commerce atau website yang menjual produk atau jasa. Berikut adalah beberapa manfaat menggunakan countdown timer:
Membangkitkan Urgensi Pembelian
Countdown timer dapat membantu membangkitkan rasa urgensi pembelian bagi pelanggan. Dengan menampilkan deadline waktu diskon atau promosi, pelanggan merasa terdorong untuk melakukan pembelian sebelum waktu yang ditentukan habis.
Meningkatkan Konversi
Countdown timer meningkatkan konversi di website Anda dengan meningkatkan tekanan psikologis pelanggan untuk segera membeli sebelum waktu yang ditentukan habis. Hal ini meningkatkan peluang bahwa pelanggan akan membeli produk atau jasa yang Anda tampilkan.
Membangkitkan Antusiasme Pelanggan
Countdown timer dapat membantu Anda membangkitkan antusiasme pelanggan untuk sebuah acara atau produk tertentu. Pengunjung website Anda akan merasa tertarik dan terdorong untuk mengikuti dan mengikuti acara atau membeli produk atau jasa yang Anda tampilkan di website Anda.
FAQ
1. Apa itu waktu countdown?
Waktu countdown adalah waktu mundur yang dihitung hingga mencapai waktu yang telah ditentukan sebelumnya. Countdown timer sangat berguna untuk keperluan seperti persiapan untuk acara penting atau mengantisipasi waktu batas pengumpulan tugas.
2. Apakah saya harus membayar untuk membuat countdown timer?
Tidak semuanya, Anda dapat menggunakan website atau plugin seperti W3Counter atau Countdown Timer Ultimate dari Argia Academy untuk membuat countdown timer di WordPress secara gratis. Namun, fitur-fitur terbatas mungkin hanya tersedia pada pilihan gratis, jadi Anda harus mempertimbangkan upgrade ke versi berbayar jika membutuhkan lebih banyak fitur.
Video Tutorial: Cara Membuat Countdown Timer di Excel VBA
Selain menggunakan plugin atau website, Anda juga dapat membuat countdown timer menggunakan Excel VBA. Berikut adalah contoh video tutorial untuk membuat countdown timer menggunakan Excel VBA: