November 30, 2017

Show Today's Date and Current Time In A Blogger Blog


Many users want to show Today's Date And Current Time in Your Blogger blog. Showing date and time widget for blogger blogs are easy by adding html code for digital clock and date for blogger by editing HTML/Javscript widget or in blogger template. This post has the best information on how to add date and time in blogger, how to show post date in blogger, set date and time widget for website and html code for clock and date. Get current time widget and digital clock html code for blogger Blog of yours.

Show Today's Date and Current Time In A Blogger Blog
how to add date and time in blogger

How to add date and time in blogger blog

There are two ways to add date and time in blogger blog.

You can use a custom template that shows date and time on a blog post in blogger. 

You can use a javascript to display Todays Date And Current Time in Your Blogger blog.

You can add a javascript in blogger blog to display Todays Date And Current Time in browser title bar.

Using a Custom template for blogger blog to show time and date

Get a blogger template from Themeforest that shows current time and date. Use that blogger template for your blogger blog. 

You can buy the template from Themeforest.
Download the file.
Go to blogger, Theme, Backup current template, then delete the XML data, copy the XML data from file downloaded from themeforest, paste inside the theme and save. You may have to do additional work to add social links, share buttons and readd everything. This method is preferable when you are new in blogging and has not worked that much in designing blogger template.

Javascript to display Today's Date And Current Time in Your Blogger blog

If you have an existing blogger template that you spend hours designing, then you can use a simple javascript to show 'today's date and current time' in blogger blog. This javascript will fetch the time and data from blogspot servers and provided updated post date and time on blog posts.

Copy the below 1 javascript 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>

The result is Today is Thursday, November 30.

Copy the below 2 javascript code.

<script language=”Javascript”>
<!–
var now = new Date
document.write(now.getDate() + “/” + now.getMonth() + “/” + now.getYear())
//–>
</script>
The result is 30/10/117 

How to add Javascript to show post date in blogger blog

You can add any of the above javascripts in an HTML gadget, or anywhere inside the blogger template depending on what you desire.

To add in HTML gadget, go to layout, add a gadget and select HTML/JavaScriptAdd [Add third-party functionality or other code to your blog. By Blogger]. Paste the javascript code inside and save. Refresh your blog to see how it work.

To add inside blogger template, go to Theme, Edit Template, find <data:post.body/>.

If you add the javascript above the <data:post.body/> code, the date and time widget will appear after post title.

If you add javascript code below the <data:post.body/> code, the current time widget and digital clock html gadget will appear after the post content.

How to display Todays Date And Current Time in browser title bar

You can show current date and time in browser title bar when a user visit your blogger blog instead of showing it inside your blog.

Check out how date and time are shown in Mozilla and Chrome browsers.

Date and Time in mozilla browser Title Bar blogger blog

Date and Time in mozilla browser Title Bar blogger blog

Date and Time in Google Chrome browser Title Bar blogger blog

Date and Time in Google Chrome browser Title Bar blogger blog

To add this, copy the below javascript.

<Script Language="JavaScript" Type="Text/JavaScript">
var mytime1=24;
function mytime2() {
mytime3=mytime1+6;
mytime4=mytime1+mytime3;
timexx=mytime1+mytime3+mytime4;
timexxx=timexx/mytime4*mytime1; twelfth=mytime4*mytime1/12*mytime3;
timexxxx=mytime1+mytime3/timexxx-16*timexx;
timexxxxx=twelfth*(mytime1-5)/mytime4+timexx;
timexxxxxx=timexxxxx/timexxxx+mytime1*mytime4-timexx;
mytime5=(timexxxxxx+mytime1/mytime4*timexx+mytime3*timexxx)/twelfth+timexxxxx-timexxxxxx-1;
mytime6=Math.floor(mytime5);
mytime8=mytime6*mytime3/2+100;
mytime7 = window.setTimeout("mytime2()", mytime8);
var mytime9 = new Date();
var mytime10= mytime9.toLocaleString();
document.title = mytime10;}
function op(){mytime2()}
window.onload=op;
</script>
Paste inside a HTML/Javscript widget or anywhere in blogger template.

If you liked this amazing trick and implemented in your blog, hope you will not forget to share it.

Kindly spend 5 seconds to share this post



Search Here

Whats Hot

About Author