26 Add a realtime clock and date widget to your blog
August 04, 2007 /

While creating a new template, I've been experimenting with a real time clock/date javascript code to add as a blog widget. You can see an example of this at the top of the Sunset blog here.

The time continuously updates like a real digital clock, and should appear in the same color scheme as used in your blog template. You can further customize this widget by adding <div > style tags around the code.

As yet, I haven't integrated the code into a widget installer, but if you would like to use this widget in your own blog, simply copy and paste the code below into a Javascript/HTML element. For those using classic Blogger templates, you can paste the code where you would like it to appear in your blog's template:

I do plan to make a widget installer and further customizations to this javascript, which I will post about as soon as it is ready.

Technorati Tags: | | | | |

Author: Amanda Kennedy

Amanda is a professional blogger and web designer living in Sheffield, United Kingdom.

In addition to curating Blogger Buster, you can find Amanda on Twitter, Facebook or add her to your circle on Google+.

Like to share?

You may also like to subscribe to Blogger Buster's RSS feed or receive free email updates of our latest posts.

26 comments:

  1. This comment has been removed by the author.

    ReplyDelete
  2. How can I make this clock go in regular time? Not military time. 12 hour, not 24 hour. THANKS and cool clock design.

    ReplyDelete
  3. Hello Alex,

    If you would like to send me an email, I can send you the javascript for a 12 hour clock instead. You'll be able to copy and paste this into your widget instead of the one you're using now, and it will display in 12hour format like the one displayed in this page (the second one from the top).

    Hope this helps!

    ReplyDelete
  4. how to make no right click in my blog ,thanks for your answer.

    ReplyDelete
  5. WOW! Thanks a lot, I really need it. I will use it in my blog after changing its design on November 1st :)

    ReplyDelete
  6. Rahul Manekari27 October 2008 14:58

    hello sir. i liked this javascript code....

    can u create this date and time widget for Hindi language.Pls contact me on my ID : rahul.manekari[at]live[dot]com

    ReplyDelete
  7. Rahul Manekari27 October 2008 14:59

    And can I change its font size and color
    Pls contact me...

    ReplyDelete
  8. how can I host a file in kunoichi.info like you ?
    Excuse me, I am french !

    ReplyDelete
  9. the sunset blog link is not working anymore!

    ReplyDelete
  10. Cool, Sir!!! Simple, but very useful... I'm adding it to my blog... Thanks!!!

    ReplyDelete
  11. So cute...The right widget for clock.Pls can you send me the 12hr format.A lot of thanks from me.

    ReplyDelete
  12. Really breathtaking further informative topic. Thank you seeing sharing this.

    ReplyDelete
  13. Wow full admin...
    I m salute.

    ReplyDelete
  14. I m salute
    for bloger
    filipina
    wow,wow,... :D
    full admin.

    ReplyDelete
  15. Hello! Thanks for beautiful widget.I have added it to my blog.
    http://nurseabie.blogspot.com

    ReplyDelete
  16. I am thoroughly convinced in this said post. I am currently searching for ways in which I could enhance my knowledge in this said topic you have posted here. It does help me a lot knowing that you have shared this information here freely. I love the way the people here interact and shared their opinions too. I would love to track your future posts pertaining to the said topic we are able to read.

    ReplyDelete
  17. Thanks for taking the time to discuss this, I feel strongly about information and love learning more on this. If possible, as you gain expertise, It is extremely helpful for me. would you mind updating your blog with more information

    ReplyDelete
  18. Ouch~ Where is the code?

    ReplyDelete
  19. This matter concerns the water resources since water is the last reservoir of pollutants accumulated in the environment.

    ReplyDelete
  20. nyce tips..You can add more free high quality flash clock by visiting the link http://www.gulmiresunga.com/2011/12/add-free-high-quality-flash-clocks-on.html

    ReplyDelete
  21. I find it strange that the texts en up sounding a lot like the way people speak when they recount the experience.

    ReplyDelete
  22. An estimated five hundred million units are sold in this state each year, which require initial deposits that increase the state’s income by two million dollars, according to the study’s findings.

    ReplyDelete
  23. YES! I finally found this web page! I’ve been looking just for this article for so long!!
    web development dubai
    dubai web design

    ReplyDelete
  24. Fabulous article writing. Your article delivers varied passion therefore I bookmarked this science system for future visit that i hope can get a current content from your post and every one content unit progressing to be pleasant to scan with some new things.
    web development dubai
    dubai web design

    ReplyDelete

Great! You've decided to leave a comment! Please bear in mind that comments are often moderated and that rel="nofollow" is in use and spammy comments will be deleted. Let's have a meaningful conversation instead. Thanks for stopping by!

Advertise on Blogger Buster

Browse through the Archives

All existing posts are still available to view while I'm working on the site, albeit seen in a much simpler interface. Feel free to browse through the archives to find tutorials, templates and articles to help you build a better blog:

Blog Archive

© Blogger Buster 2010 Home | About | Contact | Hire Me | Privacy Policy