How to add and Customize Current Time in Blogger Template.

Blogger is one of the biggest and best Platform for starting your own Websites. Blogger Comes with unlimited Designs and till developers designed hundreds of thousands of Unique blogger templates.  It's easy to use and handle.
Today in this tutorial i will tell you how to add Current time into Blogger Template. The time will automatically change when you refresh your page and similarly everyday with new time. This will help your readers and also  increase the  power of your template.''

The Current time will change according to the visitor's time. for example if a person visits your blog from England or USA then he/she will see his/her own local time.

You can add this time widget anywhere in your Blog

1. First Login into your Blogger Account.
2. Select your Blog.
3. Now Click on template.
4. Click on 'Edit HTML/Javascript.

Now scroll down at the end and you will see </html>
Just before this </html>.
Paste the below code.

<div id='demo'>
<script>
document.getElementById(&quot;demo&quot;).innerHTML = Date();
</script>
  </div>

Thats it Save your template Now move towads Css Part.
Now click on customize option in 'Template' Part.
Click on 'Add Css' Option from the list and add the below code.

#demo {
position:relative;
bottom:135px;
width:380px;
left:860px;
color:#fff;

Adjust settings according to your requirement.
Thats it save your template and cheers!