mas template

Widget/Javascript Tanggal dan Jam di Blog

   Sekarang, banyaknya Blog/Web yang menggunakan Widget yang semakin banyak macamnya, contohnya Widget Jam dan Tanggal dari Penyedia jasa, di postingan ini saya akan memposting tentang Javascript/Widget Jam dan Tanggal sederhana (Seperti pojok kanan atas Blog ini), semakin berat dan banyak hiasan widget semakin berat/lelet pula di bukanya, jadi saya akan berikan yang sederhana dan tidak membutuhkan koneksi yang cepat... ok langsung saja cekibrott...


Langkah-langkahnya
1. Buka Blog sobat.
2. Buka bagian Tata Letak > Tambah Gadget > HTML/JavaScript.
3. Lalu Copy code di bawah ini.

<hr/><center><font color="#660066">

<style>
.jam {
font-family : tahoma;
font-weight : ;
font-size : 11px;
position : relative;
top : 0px;
left : 0px;
}
</style>
<script language="javascript">
<!--
function tampilkanjam()
{
var waktu = new Date();
var jam = waktu.getHours();
var menit = waktu.getMinutes();
var detik = waktu.getSeconds();
var teksjam = new String();
if ( jam <= 9 )
jam = "0" + jam;
if ( menit <= 9 )
menit = "0" + menit;
if ( detik <= 9 )
detik = "0" + detik;
teksjam = jam + ":" + menit + ":" + detik;
tempatjam.innerHTML = teksjam;
setTimeout ("tampilkanjam()",1000);
}
window.onload = tampilkanjam
//-->
</script>
</font>

<font color='blackwhite'>
<div id="tempatjam" ></div>
</font>

<script language="javascript">
<!--
var tanggallengkap = new String();
var namahari = ("Minggu Senin Selasa Rabu Kamis Jum'at Sabtu");
namahari = namahari.split(" ");
var namabulan = ("Januari Februari Maret April Mei Juni Juli Agustus September Oktober Nopember Desember");
namabulan = namabulan.split(" ");
var tgl = new Date();
var hari = tgl.getDay();
var tanggal = tgl.getDate();
var bulan = tgl.getMonth();
var tahun = tgl.getFullYear();
tanggallengkap = namahari[hari] + ", " +tanggal + " - " + namabulan[bulan] + " - " + tahun;
document.write(tanggallengkap);
//--> </script>
</center><hr/> 

4. Silahkan ganti yang di tandai warna BIRU diganti dengan warna yang di inginkan sobat, ganti yang di tandai warna MERAH jenis tulisan dan ukuran.
5. Untuk warna Hexadecimal Bisa [Disini] | [Disini 2]
   - Bisa juga di ganti dengan warna Bahasa Inggris, Contohnya : "black"

^_^ Semoga bermanfaat walaupun sudah banyak yang ngepost ini..

0 Response to "Widget/Javascript Tanggal dan Jam di Blog"

BACA DULU SEBULUM BERKOMENTAR PERATURAN BERKOMENTAR DI BLOG INI :

- Di Wajibkan Berkomentar Dengan OpenID,supaya mimin bisa berkunjung balik
- Berkomentarlah sesuai artikel diatas,Jika diluar artikel gunakanlah tag [ OOT ].
- Berkomentar Disaran kan Sesuai Artikel
- Untuk Menyisipkan Kode Gunakan <i rel="code">Tulis kode yang sudah diparse di sini</i>
- Untuk Menyisipkan pre Gunakan <i rel="pre">Tulis kode yang sudah diparse di sini</i>
- Untuk Menyisipkan Catatan/Blockquote Gunakan <b rel="quote">Tulis catatan di sini</b>
- Untuk Menyisipkan Link Gunakan <i rel="anchor">URL DISINI</i>
- Untuk Menyisipkan Gambar Langsung Saja Tulis URL Imagenya
- Untuk Menyisipkan Video Youtube Langsung Saja Tulis URL Videonya


Konversi KodeEmoticon