- Untuk kode script widget Hari Tanggal Bulan dan Tahun
<script>
var mydate=new Date()
var year=mydate.getYear()
if (year < 1000)
year+=1900
var day=mydate.getDay()
var month=mydate.getMonth()
var daym=mydate.getDate()
if (daym<10)
daym="0"+daym
var dayarray=new Array ("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu")
var montharray=new Array("Januari","Februari","Maret","April","Mei", "Juni","Juli", "Agustus","September","Oktober","November","Desember")
document.write("<p>"+dayarray[day]+", "+daym+" "+montharray[month]+" "+year+"</p>")
</script>
- Untuk kode script widget Jam Waktu menit detik dan AM:PM
<span id="Variasiblogger"></span>
<script type="text/javascript">
//<![CDATA[
function showclock(){
var digital = new Date();
var hours=digital.getHours();
var minutes=digital.getMinutes();
var seconds=digital.getSeconds();
var dn='AM';
if (hours>12) {
dn='PM';
hours=hours-12;
}
if (hours==0) hours=12;
if (minutes<=9) minutes='0'+minutes;
if (seconds<=9) seconds='0'+seconds;
miReloj='<b><span style="color:#000;font-size:12px;">'
+ hours + '</span> : <span style="color:#000;font-size:12px;">'
+ minutes + '</span> : <span style="color:#000;font-size:12px;">'
+ seconds + '</span></b><span style="color:#000;font-size:12px;margin-left:5px;">'
+ dn + '</span>';
document.getElementById('Variasiblogger').innerHTML=miReloj;
//
setTimeout('showclock()',1000);
}
window.onload=showclock
//]]>
</script>
Kemudian silahkan sobat pilih kode script di atas akan menambahkan widget jam dan tanggal diposisi sebelah mana ? ,Untuk cara menambahkan widget di blogspot ini saya akan memberikan contoh misalnya sobat ingin menambahkan Gadget tersebut di sidebar , Caranya adalah sebagai berikut :
- Sign in terlebih dahulu dengan my account sobat atau sobat bisa klik langsung di http://www.blogger.com
- kemudian klik Tata Letak pada Dashboard blogs sobat
- klik Tambahkan Gadget lalu klik HTML/JavaScript , Nah disitu silahkan pada kotak Gadget HTML Copy paste kode script widget jam dan tanggal di atas, dan jangan lupa klik simpan.
Jika sobat ada yang belum memahami Bagaimana Cara Memasang Widget Kode Script di Blogspot, sobat bisa membaca artikel saya di Cara Memasang widget atau gadget di blogs secara lengkap.
Demikian penjelasan saya mengenai Bagaimana Cara Memasang widget Jam dan Tanggal di blogs, dengan adanya widget jam dan tanggal tersebut di webs atau blogs sobat , sekarang sudah mempunyai jam sebagai penunjuk waktu dan juga mempunyai sebuah kalender yang menghiasi blogs untuk mengingatkan tanggal kepada sobat.
Semoga artikel ini bisa bermanfaat untuk sobat yang sedang belajar desain atau menghiasi blogsnya, dan untuk contoh widget Jam dan Tanggalnya sobat bisa klik DEMO , agar bisa mengetahui tampilan widget tersebut.
sy gk pasang jam gan soalx jam sy sdh ada dirumah hehhe.., *bercanda :)
BalasHapusthx ya ilmux
wah betul tuh sob :D
HapusIjin nyoba ya gan..
BalasHapussilahkan sob , semoga bermanfaat :)
Hapustutorialnya mantabs...sederhana tapi mudah dipahami :-)
BalasHapusya sob, semoga bisa diterapkan hehehe... :D
Hapusizin save mas,,,,
BalasHapuskapan" nyoba
ya silahkan sob :D
Hapussaya kalau untuk utak atik template nggak berani bang makanya blog saya sederhana amat nggak ada pernak-perniknya
BalasHapusya gpp sob,mungkin ada yang butuh untuk sobat yang lain hehehe... :D saya juga masih belajar kok sob masalah utak atik belum begitu ngerti :)
Hapusmantaf gan :D
BalasHapusAdmin "De5ain Blog"
semoga bermanfaat sob :)
HapusBagus widget nya, tapi blog saya sudah terlalu banyak script, nanti malah jadi tambah berat. :D
BalasHapusya sob , kalau sudah terlalu berat jangan sob nanti malah lama dibukanya hehehe... :)
Hapuskeren gan.. makasih banyak..
BalasHapusya sob, semoga bermanfaat :D
HapusTerima kasih ya atas infonya...
BalasHapusya sob sama - sama semoga bermanfaat :D
HapusGan saya gak tau cranya milih tata letak, buat pasang jam. Tlog gmana cranya kalu gak sms saya 087769931648
BalasHapusuntuk cara memasang widget kode script di blogspot sobat bisa membaca artikel terbaru saya dengan judul Cara Memasang widget atau gadget di blogs disitu saya jelaskan secara lengkap , semoga membantu untuk pemasangan widget jam dan tanggal di blogs :)
Hapusthx...
BalasHapusKeren gan.ini gk memberatkan blog gk??
BalasHapuskalau menurut saya ini widget atau gadget jam dan tanggal super ringan dan cepat lagi tanpa memberatkan webs / blogs sobat..., tampilannya simple lagi :)
HapusGan untuk yang tanggal bulan dan tahun saya coba script nya eror gan mohon pembenahan untuk script nya
BalasHapusjalan dengan baik kok sob..., tadi saya sudah cek kode scriptnya... tidak eror kodenya :)
HapusIjin coba ea gan
BalasHapussilahkan sob, semoga bermanfaat widget jam dan tanggal super ringan tersebut :)
Hapusaku masih bingung karena aku pakai komputer
BalasHapusbingung dimananya sob ?
Hapuskalo pengen di letakan di dalam text field gimana source codenya?
BalasHapuswah kalau untuk kode source text field jam dan tanggal, saya tidak tau sob maap :)
Hapusizin coba yaqh mas...
BalasHapusmksh ilmunya...
silahkan bos :)
Hapuskalau meletakkan di atas header kayak mana ya. apa dimasukan dalam template kodenya.
BalasHapussilahkan mencoba di tata letak, tapi tidak semua sama kerangka template beda - beda sob :) tidak ada salahnya di check dulu kali aja bisa... di atas header
HapusThank Tutorial nya
BalasHapusoke sob :)
Hapusterima kasih infonya bos..mohon ijin copas
BalasHapussilahkan sob, indahnya berbagi sesama pengguna blogspot :)
Hapusmakasih ilmunya gan, ijin copas
BalasHapusMantap dan Berhasil ku pasang kode sriptnya gan ..... Trims
BalasHapusMakasih Gan,
BalasHapusIzin nyobak Yaa :D
trm ksh infonya
BalasHapusora iso
BalasHapusThank ya gan untuk info script tgl hari dan jam nya saat ini, ijin copy ya gan
BalasHapusGan,,,,ada gak tampilan jam yang lebih menarik
BalasHapusgak keluar jamnya
BalasHapusnyoba jam baru
BalasHapusijin copas :D
BalasHapusgan kalo mau ngubah posisi jam gimana ya? maksudnya diubah posisi di kanan ato kiri gitu n tetep di atas header pastinya.
BalasHapusGan kalo mau ngubah posisi di kanan/kiri gmn ya? tapi tetep di atas header.
BalasHapusmakasih
BalasHapusIjin Coba Om ¯\(◕ ‿◕)/¯
BalasHapusIjin copas mas
BalasHapus. Keren Sob Tutornya ..!!
BalasHapusizin nyimak sob.
BalasHapussalam kenal yah :D