Cara Memasang Jam dan Kalender di Blog - Kali ini blog akan mengembangkan cara untuk memasang penanda waktu (hari, tanggal, bulan, tahun, jam, menit, detik) di blog.
Walaupun pada komputer PC atau laptop biasanya sudah terdapat penanda waktu, tidak ada salahnya mempercantik blog dengan memasang fitur tersebut.
Di bawah ini yakni kumpulan javascript penanda waktu yang sanggup dipasang pada widget blog.
Jam analog disediakan oleh pihak ketiga. Anda perlu mendapat script widget jam analog terlebih dahulu.
Salah satu situs penyedia widget jam gratis yakni Clocklink.com. Anda juga tidak perlu terdaftar sebagai member untuk mendapat script widgetnya.
1. Pilih jam yang Anda inginkan. Klik pada View HTML tag.
Walaupun pada komputer PC atau laptop biasanya sudah terdapat penanda waktu, tidak ada salahnya mempercantik blog dengan memasang fitur tersebut.
Cara Memasang Tanggalan Kalender di Blog
Tanggal Bulan Tahun
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(day + " " + months[month] + " " + year);
//-->
</script>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(day + " " + months[month] + " " + year);
//-->
</script>
Hasil :
Hari Tanggal Bulan Tahun
<script type='text/javascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum'at', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year);
//-->
</script>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum'at', 'Sabtu'];
var date = new Date();
var day = date.getDate();
var month = date.getMonth();
var thisDay = date.getDay(),
thisDay = myDays[thisDay];
var yy = date.getYear();
var year = (yy < 1000) ? yy + 1900 : yy;
document.write(thisDay + ', ' + day + ' ' + months[month] + ' ' + year);
//-->
</script>
Hasil :
Cara Memasang Jam di Blog
Jam Analog
Jam analog disediakan oleh pihak ketiga. Anda perlu mendapat script widget jam analog terlebih dahulu.
Salah satu situs penyedia widget jam gratis yakni Clocklink.com. Anda juga tidak perlu terdaftar sebagai member untuk mendapat script widgetnya.
1. Pilih jam yang Anda inginkan. Klik pada View HTML tag.
2. Memasuki lembar persetujuan, klik Accept.
3. Setelah itu Anda sanggup mengatur warna jam, zona waktu, dan ukuran jam. Jika sudah copy semua script iframe jam.
Jam Digital
Untuk memasang jam digital sederhana, Anda cukup meng-copy javascript yang tersedia di bawah ini.
Digital Jam Menit Format 24 Jam
<script type="text/javascript">
<!--
var d = new Date();
var curr_hour = d.getHours();
var curr_min = d.getMinutes();
curr_min = curr_min + "";
if (curr_min.length == 1) {
curr_min = "0" + curr_min;
}
document.write(curr_hour + " : " + curr_min);
//-->
</script>
<!--
var d = new Date();
var curr_hour = d.getHours();
var curr_min = d.getMinutes();
curr_min = curr_min + "";
if (curr_min.length == 1) {
curr_min = "0" + curr_min;
}
document.write(curr_hour + " : " + curr_min);
//-->
</script>
Hasil :
Digital Jam Menit Format 12 Jam AM PM
<script type="text/javascript">
<!--
var a_p = "";
var d = new Date();
var curr_hour = d.getHours();
if (curr_hour < 12) {
a_p = "AM";
} else {
a_p = "PM";
}
if (curr_hour == 0) {
curr_hour = 12;
}
if (curr_hour > 12) {
curr_hour = curr_hour - 12;
}
var curr_min = d.getMinutes();
curr_min = curr_min + "";
if (curr_min.length == 1) {
curr_min = "0" + curr_min;
}
document.write(curr_hour + " : " + curr_min + " " + a_p);
//-->
</script>
<!--
var a_p = "";
var d = new Date();
var curr_hour = d.getHours();
if (curr_hour < 12) {
a_p = "AM";
} else {
a_p = "PM";
}
if (curr_hour == 0) {
curr_hour = 12;
}
if (curr_hour > 12) {
curr_hour = curr_hour - 12;
}
var curr_min = d.getMinutes();
curr_min = curr_min + "";
if (curr_min.length == 1) {
curr_min = "0" + curr_min;
}
document.write(curr_hour + " : " + curr_min + " " + a_p);
//-->
</script>
Hasil :
Untuk penanda waktu jam di atas bersifat pasif, sehingga jam akan menyesuaikan dikala halaman blog di-refresh. Di bawah ini yakni penanda waktu jam yang bersifat aktif.
Digital Jam Menit Detik Format 12 Jam AM PM Aktif
<div id="clock"></div>
<script type="text/javascript">
<!--
function showTime() {
var a_p = "";
var today = new Date();
var curr_hour = today.getHours();
var curr_minute = today.getMinutes();
var curr_second = today.getSeconds();
if (curr_hour < 12) {
a_p = "AM";
} else {
a_p = "PM";
}
if (curr_hour == 0) {
curr_hour = 12;
}
if (curr_hour > 12) {
curr_hour = curr_hour - 12;
}
curr_hour = checkTime(curr_hour);
curr_minute = checkTime(curr_minute);
curr_second = checkTime(curr_second);
document.getElementById('clock').innerHTML=curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p;
}
function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
setInterval(showTime, 500);
//-->
</script>
<script type="text/javascript">
<!--
function showTime() {
var a_p = "";
var today = new Date();
var curr_hour = today.getHours();
var curr_minute = today.getMinutes();
var curr_second = today.getSeconds();
if (curr_hour < 12) {
a_p = "AM";
} else {
a_p = "PM";
}
if (curr_hour == 0) {
curr_hour = 12;
}
if (curr_hour > 12) {
curr_hour = curr_hour - 12;
}
curr_hour = checkTime(curr_hour);
curr_minute = checkTime(curr_minute);
curr_second = checkTime(curr_second);
document.getElementById('clock').innerHTML=curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p;
}
function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
setInterval(showTime, 500);
//-->
</script>
Hasil :
Atau jikalau Anda menghendaki tampilan yang lebih bagus, Anda sanggup mengunjungi situs Clocklink. Di situ juga tersedia jam digital yang sanggup Anda gunakan secara gratis.
Cara Memasang Widget Jam dan Kalender di Blog
Untuk memasang widget-widget pihak ketiga, masukkan script widget tersebut ke dalam widget HTML/Javascript. Lebih terang langkah-langkah disertai gambar silahkan baca Cara Memasang Widget (Gadget) di Sidebar Blog.
Sekian artikel Cara Memasang Jam dan Kalender di Blog, jikalau ada pertanyaan silahkan sampaikan di kotak komentar. Jangan lupa bagikan artikel ini ke teman-teman Anda, ya!
Sumber https://duarupa.blogspot.com/
curr_second = checkTime(curr_second);
document.getElementById('clock').innerHTML=curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p;
}
function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
setInterval(showTime, 500);
//-->
</script>
Atau jikalau Anda menghendaki tampilan yang lebih bagus, Anda sanggup mengunjungi situs Clocklink. Di situ juga tersedia jam digital yang sanggup Anda gunakan secara gratis.
Untuk memasang widget-widget pihak ketiga, masukkan script widget tersebut ke dalam widget HTML/Javascript. Lebih terang langkah-langkah disertai gambar silahkan baca Cara Memasang Widget (Gadget) di Sidebar Blog.
Sekian artikel Cara Memasang Jam dan Kalender di Blog, jikalau ada pertanyaan silahkan sampaikan di kotak komentar. Jangan lupa bagikan artikel ini ke teman-teman Anda, ya!
Sumber https://duarupa.blogspot.com/
document.getElementById('clock').innerHTML=curr_hour + ":" + curr_minute + ":" + curr_second + " " + a_p;
}
function checkTime(i) {
if (i < 10) {
i = "0" + i;
}
return i;
}
setInterval(showTime, 500);
//-->
</script>
Hasil :
Atau jikalau Anda menghendaki tampilan yang lebih bagus, Anda sanggup mengunjungi situs Clocklink. Di situ juga tersedia jam digital yang sanggup Anda gunakan secara gratis.
Cara Memasang Widget Jam dan Kalender di Blog
Untuk memasang widget-widget pihak ketiga, masukkan script widget tersebut ke dalam widget HTML/Javascript. Lebih terang langkah-langkah disertai gambar silahkan baca Cara Memasang Widget (Gadget) di Sidebar Blog.
Sekian artikel Cara Memasang Jam dan Kalender di Blog, jikalau ada pertanyaan silahkan sampaikan di kotak komentar. Jangan lupa bagikan artikel ini ke teman-teman Anda, ya!
Sumber https://duarupa.blogspot.com/
Related Posts
- Cara Menciptakan Iklan Parallax Pada Blog Non Amp Iklan Parallax Cara Membuat Iklan Parallax Pada Blog Non AMP - Sahabat Pasti tahu Kan iklan parallax scrolling itu , parallax ini mungkin sanggup ...
- Cara Menonaktifkan Pemberitahuan Email Dari Google+ (Plus) google+ (plus) Cara menonaktifkan email google+ diharapkan alasannya adanya email-email pemberitahuan yang sangat banyak dan selalu masuk setiap ...
- Cara Menciptakan Pengaruh Animasi Hujan Salju Pure Css Dan Javascript Di BlogMenambahkan imbas hujan salju pada blog sanggup mempercantik tampilan blog Anda, apalagi bulan desember ini selalu identik dengan animo salju di nega ...
- Cara Menciptakan Blog Yang Ringan, Valid Html5, Dan Seo Friendly Blog yang baik itu blog yang menyerupai apa sih? Sobat Blogger, salah satu cara yang cukup efektif untuk mendatangkan pengunjung ke blog kita yaitu ...
- Cara Menciptakan Table Of Contents (Menu Daftar Isi) Di Postingan Blogger - Menu Daftar Isi Atau yang biasa disebuat dengan Table Of Contents (TOS) yaitu daftar yang terdiri dari poin atau bab dari subjek yang terkandung d ...
- Artikel Agan Ke 100 Blog Terbaik Artikel Agan Ke 100 Blog Terbaik Assallamualikum sahabat perkenalkan nama aku Egi Supiyudin admin di artikel agan usia aku 24 tahun, asal bandung ...
