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. You can show Today’s Date and Current Time In A Blogger Blog by adding two lines of code. To show Today’s Date and Current Time In A Blogger Blog, you need to add html code in blogger XML. You can add html code for showing digital clock and date for blogger. By editing HTML/Javscript widget or in blogger template you can show Today’s Date and Current Time In A Blogger Blog, 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.

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 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>