Current Date and Time Simple Text Blogger HTML Widget

Current Date and Time Widget allows the readers of a blog to keep account of their valuable time while reading your blog. Bloggers like to add different stylish Date and Time Widgets to their blogger or wordpress blogs just for this reason.

Most widgets that are available on internet are too heavy and embed with the link of the creator website. But I am providing you a simple Text Widget that allows the basic function of Providing the current Date and Time of the reader’s area.

You can have a preview of this beautiful widget on this site. Look at the right sidebar and you will see the current Date and Time of you area. Isn’t it great? So, here is a photo screenshot of that widget:

How to add this widget?

Just log on to your blogger dashboard>Layout>Add Widget>Html/JavaScript >Paste the following code>Save!

Then see your blog! Hurreyyyyy! It’s running!

Make sure you copy whole of the following widget code. Thank you!

WIDGET CODE:

<script language="Javascript">
<!--

var dayName = new Array ("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday")

var monName = new Array ("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December")

var now = new Date

document.write("Today is " + dayName[now.getDay()] + ", " + monName[now.getMonth()] + " "+now.getDate() +".")

//-->
</script> | <script>
atoj = new Date();
atoj1= atoj.getHours();
atoj2 = atoj.getMinutes();
atoj3= atoj.getSeconds();

if(atoj1==0){atoj4=" AM";atoj1=12}
else if(atoj1 <= 11){atoj4=" AM"} else if(atoj1 == 12){atoj4=" PM";atoj1=12} else if(atoj1 >= 13){atoj4=" PM";atoj1-=12}

if(atoj2 <= 9){atoj2="0"+atoj2} document.write(""+atoj1+":"+atoj2+":"+atoj3+""+atoj4+""+"");
</script>