Warung Online
Senin, 10 Januari 2011

Memasang Kalender Digital Di Blog

Kadang kita terlalu asyik dengan kegiatan blogging, sehingga lupa waktu, hari ini tanggal berapa ya? Untuk itu, sebuah kalender sangat diperlukan untuk mengingat-ingat tanggal, bulan dan tahun. Di samping itu kalender di blog diperlukan untuk mengingatkan sudah berapa lama kita melakukan kegiatan blogging ini. Mulai kapan kita mengisi postingan pertama kali sampai postingan terakhir. Kali ini saya akan menulis tentang sebuah artikel yang berhubungan dengan kalender, yaitu bagaimana cara memasang kalender digital di blog. 
Untuk yang berminat silahkan ikuti langkah-langkah berikut :
  • Login Blogger teman-teman
  • Kemudian menuju ke Rancangan/Design
  • Klik Tambah gadget / add a gadget
(Gambar, Add Calender Blog, Tambah Calender Di sidebar, )
  • Klik HTML/javascript
(Gambar, Kalender dengan angka, Kalender blogger sidebar,  Javascript menampilkan kalender)
Kemudian copy paste kode berikut :
Versi Indonesia
<script type="text/javascript">
// mulai...........
var waktu=new Date()
var tahun=waktu.getFullYear()
var hari=waktu.getDay()
var bulan=waktu.getMonth()
var tanggal=waktu.getDate()
if (tanggal < 7) {tanggal="0"+tanggal}
var hariarray=new Array("Minggu","Senin","Selasa","Rabu","Kamis","Jum'at","Sabtu")
var bulanarray=new Array("Januari","Pebruari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","Nopember","Desember")
document.write(hariarray[hari]+", "+tanggal+" "+bulanarray[bulan]+" "+tahun)
</script>

Jangan lupa di simpan dan lihat hasilnya...

Kalau pakai versi inggris silahkan copy script di bawah ini
<script type="text/javascript">
//
// Uncomment desired date format.
//
var sFormat = 1; // January 1, 1970
//var sFormat = 2; // January 01, 1970; not implemented yet
//var sFormat = 3; // Jan. 1, 1970; not implemented yet
//var sFormat = 4; // Jan. 01, 1970; not implemented yet
//var sFormat = 5; // Friday, 29 April, 2005
//var sFormat = 6; // Friday, April 29, 2005
// ----- STOP EDITING -----
var aDayLongNames = new Array(
'Sunday',
'Monday',
'Tuesday',
'Wednesday',
'Thursday',
'Friday',
'Saturday'
);
var aMonthLongNames = new Array(
'January',
'February',
'March',
'April',
'May',
'June',
'July',
'August',
'September',
'October',
'November',
'December'
);
var oToday = new Date();
var iDay = oToday.getDay();
var iDate = oToday.getDate();
var iMonth = oToday.getMonth();
var iYear = oToday.getFullYear();
var sDate = null;
switch (sFormat) {
case 1:// January 1, 1970
sDate = aMonthLongNames[iMonth] + ' ' + iDate + ', ' + iYear;
break;
case 2:
break;
case 3:
break;
case 4:
break;
case 5: // Friday, 29 April, 2005
sDate = aDayLongNames[iDay] + ', ' + iDate + ' ' + aMonthLongNames[iMonth] + ', ' + iYear;
break;
case 6: // Friday, April 29, 2005
sDate = aDayLongNames[iDay] + ', ' + aMonthLongNames[iMonth] + ' ' + iDate + ', ' + iYear;
break;
default:
}
document.write(sDate);
</script>
Demikian tadi adalah sedikit penjelasan dari saya mengenai cara memasang kalender analog di blog kita, selamat mencoba bagi yang tertarik.

Semoga bermanfaat

Blog Archive