Cara Memasang Jam Dan Kalender Di Blog - Hallo sahabat asportsfanthoughts, Pada Artikel yang anda baca kali ini dengan judul Cara Memasang Jam Dan Kalender Di Blog, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blogger, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Memasang Jam Dan Kalender Di Blog
link : Cara Memasang Jam Dan Kalender Di Blog

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 ialah kumpulan javascript penanda waktu yang sanggup dipasang pada widget blog.

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>

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&#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 ialah 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>

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>

Hasil :

Untuk penanda waktu jam di atas bersifat pasif, sehingga jam akan menyesuaikan dikala halaman blog di-refresh. Di bawah ini ialah 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>

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!

Demikianlah Artikel Cara Memasang Jam Dan Kalender Di Blog

Sekianlah artikel Cara Memasang Jam Dan Kalender Di Blog kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Memasang Jam Dan Kalender Di Blog dengan alamat link http://asportsfanthoughts.blogspot.com/2019/07/cara-memasang-jam-dan-kalender-di-blog.html

Share this post