Cara Memasang Jam Dan Kalender Di Blog

Cara Memasang Jam dan Kalender di Blog - Kali ini blog akan membuatkan 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 yaitu kumpulan j4vascript penanda waktu yang sanggup dipasang pada widget blog.

Cara Memasang Tanggalan Kalender di Blog

Tanggal Bulan Tahun

<script type='text/j4vascript'>
<!--
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/j4vascript'>
<!--
var months = ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'];
var myDays = ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jum&#39;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 yaitu 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 j4vascript yang tersedia di bawah ini.

Digital Jam Menit Format 24 Jam

<script type="text/j4vascript">
<!--
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/j4vascript">
<!--
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 yaitu penanda waktu jam yang bersifat aktif.

Digital Jam Menit Detik Format 12 Jam AM PM Aktif

<div id="clock"></div>
<script type="text/j4vascript">
<!--
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 kalau 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, kalau ada pertanyaan silahkan sampaikan di kotak komentar. Jangan lupa bagikan artikel ini ke teman-teman Anda, ya!
Sumber http://duarupa.blogspot.com

Share this post