blogger-newbie, panduan belajar blog bagi pemula

Cara Mudah Membuat Countdown Pada Landing Page Anda

07.55.00 eka julianto arif 2 Comments

Cara Mudah Membuat Countdown Pada Landing Page Anda

Anda pasti sudah tahu setiap melihat halaman penawaran oleh para Internet Marketer dunia maupun Indonesia akan dilengkapi script Countdown untuk memberikan batas penawaran baik itu dari segi Naik Harga ataupun dari segi pemberian bonus.


Cara Mudah Membuat Countdown Pada Landing Page Anda


Tak ayal sayapun mencari kode tersebut yang ada di internet. Setelah sekian lama mencari akhirnya dapat juga. Anda mau tahu caranya? Oke saya beritahu di artikel ini.

Saya gak menyuruh Anda untuk membuat script ini dari nol, saya hanya dapat saja dari Internet. Anda hanya mengeditnya sesuai selera Anda. Bisa juga Anda pasangkan di Landing Page Anda nantinya.

Oke langsung saja disimak...

Untuk awal Anda bisa menginstall countdown.js, AC_ActiveX.js dan AC_RunActiveContent.js ke landing page Anda. Agar scriptnya berjalan dengan baik. Contohnya seperti berikut ini:

Cara Mudah Membuat Countdown Pada Landing Page Anda

Copy dibawah ini seperti kode diatas, dan taruh di antara <head> dan </head>...


<script type="text/javascript" src="themes/countdown.js"></script>
<script src="Scripts/AC_ActiveX.js" type="text/javascript"></script>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

Setelah itu download file ini DOWNLOAD ... kemudian copy folder Scripts dan folder themes nya dan taruh di folder Landing Page Anda.

Cara Mudah Membuat Countdown Pada Landing Page Anda

Kemudian copy kode dibawah ini, taruh terserah dimana Anda hendak tampilkan counter downnya.


<script>
                        var test1 = new Countdown({
                            year    : 2017,
                            month    : 08,
                            day     : 7,
                            hour    : 24,
                            ampm    : "pm",
                            minute    : 0,
                            second    : 0,
                            rangeHi:"day"                              // < - no comma on last item!!
                        });
                    // ---------------------------------      
                </script>

Cara Mudah Membuat Countdown Pada Landing Page Anda

Hal yang harus di edit ialah :
Year      : untuk tahun yang akan di mulai scriptnya, tulis saja tahun sekarang yaitu 2017.
Month     : Untuk memulai sampai bulan berapa script tersebut berjalan, tulis saja bulan depan yaitu Agustus tapi bukan dalam huruf melainkan dengan angka 08.
Day      :  Yaitu sampai tanggal berapa script tersebut berhenti berjalan, disana saya menuliskan 7 berarti setelah tanggal 7 maka script tersebut berhenti.
Hour : tulis saja 24 yang berarti 24 jam.

Kemudian save page Anda dan lihat laman yang telah Anda buat. Script tersebut akan bekerja dengan baik.. Coba praktekan di Landing Page Anda... Jadi gak usah ribet lagi gunakan plugin atau harus beli script Countdown yang ada di internet.

Cara Mudah Membuat Countdown Pada Landing Page Anda


Share dengan klik tombol share di bawah ini yah teman-teman...

2 komentar:

  1. Artikel tampak lebih hidup ya ? saya sering lihat countdown semacam ini. Keren juga jika dipasang diartikel, khususnya artikel review produk.

    BalasHapus
    Balasan
    1. Yup monggo di coba. Jika untuk blogger scriptnya taruh dipenyimpanan online. Jika selfhosting upload ke hostingnya... 😊

      Hapus

Silahkan beri komentar, terima kasih sudah berkunjung..