[Blogging Tips] Memasang widget tanggal dan jam - javascript

on January 26, 2012
Widget pada blog dapat memberikan tampilan yang lebih kreatif dan menarik. Istilah yang umum dipakai adalah "mempercantik blog". Fungsi dari widget sangat banyak dan bervariasi menurut widget itu sendiri. Peletakan posisi widget juga dapat kita sesuaikan dengan tema halaman blog kita. Pemilihan widget dan peletakkan yang tepat akan tidak membuat blog kita terkesan "ramai" dan memberikan kenyamanan saat membaca blog kita.

Untuk sobat blogger yang ingin kemudahan melihat tanggal dan jam pada saat sedang asik browsing atau berkegiatan posting bisa memasang widget seperti yang ada pada blog saya. Widget tanggal dan jam ini berformat JavaScript. Caranya sangat mudah, silahkan ikuti tutorial saya dibawah ini.

1. Pada Dashboard (Dasbor), klik tab Design (Rancangan) » pilih Page Elements (Elemen Laman)

2. Klik Add a Gadget (Tambah Gadget) » pilih HTML/JavaScript
Blogger - HTML/Javascript Gadget

3. Untuk Title (Judul), ketikkan Date and Time atau bisa diisi terserah anda

4. Copy script widget dibawah ini
<script language="JavaScript">
  <!--
    var now = new Date();
    var days = new Array(
      'Sunday','Monday','Tuesday',
      'Wednesday','Thursday','Friday','Saturday');
    var months = new Array(
      'January','February','March','April','May',
      'June','July','August','September','October',
      'November','December');
    var date = ((now.getDate()<10) ? "0" : "")+ now.getDate();
    function fourdigits(number)    {
      return (number < 1000) ? number + 1900 : number;}
    today =  "<b>" + days[now.getDay()] + ", " +
       months[now.getMonth()] + " " +
       date + ", " +
       (fourdigits(now.getYear()) + "</b>");
     document.write(today);
  //-->
</script>
<br/>
<span id="pendule"></span>
<script language="javascript" type="text/javascript">
<!--
function clock() {
var digital = new Date();
var hours = digital.getHours();
var minutes = digital.getMinutes();
var seconds = digital.getSeconds();
var amOrPm = "AM";
if (hours > 11) amOrPm = "PM";
if (hours > 12) hours = hours - 12;
if (hours == 0) hours = 12;
if (minutes <= 9) minutes = "0" + minutes;
if (seconds <= 9) seconds = "0" + seconds;
dispTime = hours + ":" + minutes + ":" + seconds + " " + amOrPm;
document.getElementById('pendule').innerHTML = dispTime;
setTimeout("clock()", 1000);
}
window.onload=clock;
//-->
</script>

5. Paste script yang telah anda copy pada Content (Konten)

6. Klik Save (Simpan), kemudian refresh halaman blog anda

Jika sobat blogger ingin tampilan widget menggunakan bahasa indonesia, bisa mengganti 'Sunday','Monday','Tuesday', ... dengan 'Minggu','Senin','Selasa', ... dan 'January','February', ... dengan 'Januari','Februari', ... pada script di atas. Widget ini berguna bagi kita agar lebih ingat dan menghargai waktu. Bagi sobat blogger yang mengalami kesulitan bisa bertanya pada kolom komentar di bawah posting ini.

Selamat mencoba, semoga berhasil.

0 comments:

Post a Comment

Your comment is always appreciated. I will try to reply to your queries as soon as time allows.

Scroll to Top