Cara membuat Widget Tanggal dan waktu di blogger

Daftar Isi [Tampil]

Pada kesempatan kali ini saya akan memberikan informasi mengenai Widget Blogger atau script blogger untuk membuat Tanggal beserta waktu didalam sebuah blog yang kita kelola

Baiklah untuk tidak memperpanjang waktu saya akan menjelaskan sedikit mengenai Script kode atau Widget tanggal waktu ini

Sebenarnya sobat Blogger Widget Tanggal dan waktu dimiliki atau sudah diterapkan oleh sebagian pemilik atau pengelola situs blog, karena apa Template yang ia pakai memang sudah menerapkan widget tersebut dan memiliki tata letak yang dinamis

Tetapi jika Template anda tidak memiliki Widget Tanggal waktu dan anda ingin menerapkannya pada situs blog sobat, sebentar lagi saya akan memberikan tutorial nya Mengenai cara membuat widget Tanggal dan waktu untuk kamu terapkan di situs blog yang kamu kelola

Contoh Widget

Nah kamu bisa memperhatikan contoh widget Tanggal dan waktu dibawah ini, dengan tipe warna tema Hitam, nantinya kmau bisa meletakkan Widget Tanggal ini sesuai keinginanmu, kerenkan 😎

Tampilan diatas adalah contoh dari widget Tanggal dan waktunya

Kamu bisa mengkreasikan sendiri tampilannya agar semakin menarik 😉, ubah saja kode CSS nya, seperti merubah warna atau memperbesar dan memperkecil Text widget nya

Cara Penerapan

Oke kita akan masuk kedalam Cara penerapan atau cara membuat Widget Tanggal waktu nya, ok

1. Salin dan tempelkan kode dibawah ini didalam situs blog kamu

<!-- Widget Tanggal waktu by Icloudice -->

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; backgroud-color: #ffffff; border-radius: 10px; border: 3px solid #e8ad11; padding: 10px; text-align: left;">

<font color="black",font size="3px"><script type="text/javascript">

now = new Date();

if (now.getTimezoneOffset() == 0) (a=now.getTime() + ( 7 *60*60*1000))

else (a=now.getTime());

now.setTime(a);

var tahun= now.getFullYear ()

var hari= now.getDay ()

var bulan= now.getMonth ()

var tanggal= now.getDate ()

var hariarray=new Array("Minggu,","Senin,",

"Selasa,","Rabu,","Kamis,","Jum'at,","Sabtu,")

var bulanarray=new Array("Januari","Februari","Maret","April","Mei","Juni","Juli","Agustus","September","Oktober","Nopember","/ 12 /")

document.write(hariarray[hari]+" "+tanggal+" "+bulanarray[bulan]+" "+tahun)

</script>

<script type="text/javascript">

now = new Date();

if (now.getTimezoneOffset() == 0) (a=now.getTime() + ( 7 *60*60*1000))

else (a=now.getTime());

now.setTime(a);

document.write(" Jam " + ((now.getHours() < 10) ? "0" : "") + now.getHours() + ":" + ((now.getMinutes() < 10)? "0" : "") + now.getMinutes() + ":" + ((now.getSeconds() < 10)? "0" : "") + now.getSeconds() + (" WIB "))

</script>

</font>

</div>

⚠️ Kamu bisa menggunakan Add widget dalam menu tata letak untuk meletakkan kodenya

Atau kamu juga bisa mengkreasikan sendiri tampilannya agar semakin lebih responsif dan keren pastinya, senang bukan,

Follow

Desain Limited Content Creator, Writer, Vidio Creator, Design Website, Design Template, Design Grafis

Bagikan Artikel ini