How in add analogue or digital clock widget to Blogger

 In this post, I will share with you the simplest way to add an awesome clock widget with any format or style to your blog which will add more beauty to your blog.

This is just a sample of clocks that you can add to your blog either inside the post or on a separate widget.











To add those wonderful clocks to your blog just follow the steps bellow:

1- Go to this site:

https://www.timeanddate.com/clocks/free.html


2- Click on continue



3- Select the clock template you like then click on continue



3- Customize time zone, size and colors then click on continue:



4- Customize tick marks



5- Customize clock hands



6- Finally copy the code, in all the previous steps you see on the bottom left of the screen a preview on how the clock will looks, make sure to choose between (HTTP or HTTPS) as per your blog.




7-Go to your blog, from the Layout section add a new widget (Html/Javascript) and paste your code, you can also add the clock on a specific post by inserting the code in the Html editor of your blogpost


To align the clock to center (or any direction) just put the code inside a div:


<div style="text-align:center"> the code here </div>


 

Post a Comment (0)
Previous Post Next Post