Current Date And Time Simple Text Blogger HTML Widget

Current Date and Time Widget allows the readers of a blog to keep the 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, for this reason.

Most widgets that are available on the internet are too heavy and embed with the links of the creator websites. 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!


<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+""+"");

The Author

Dr. Sujon Paul

The author of this post is Dr. Sujon Paul, an MBBS Doctor. He is also a blogger and updates this website [MAXBANGLA.COM] regularly with fresh contents. Thank you for visiting this website. Contact Author: Facebook, Twitter & Google Plus


Add a Comment
  1. Use a plugin to show syntax code, like as syntax highlighter etc.

    1. Thank you for your suggestion, now it looks more beautiful…

  2. Bro this script not working in my blog, please help. Tknx in advance.

    1. But working perfectly on all other blogs. May be, it’s your template problem.

  3. This is really great. Thanks for sharing this thought!

  4. Really nice widget.

  5. What a nice thing!

Leave a Reply