Skip to main content

Clock Gadgets for blogger or For Your Website

Add Clock Gadget for blogger

Note - Adjust Width and Height According to Your Website ...........





Steps :-
1.  Go to 'Layouts' .
2.  Click on 'dd a Gadget' .
3. Click on HTML/Javascript .
4. Paste Your Code There and Save It .

Yeh ! A Clock Frame/Gadjet is added To your Website .....

1. Glitch Clock 

<iframe 
width="100%" height="315" 
src="https://glitchclock.blogspot.com/" 
scrolling="no"
style="margin: 0cm; "
frameborder="0" 
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen>
</iframe>




2. Digital Clock with vue.js

<iframe 
width="100%" height="315" 
src="https://digitalclockxd.blogspot.com/" 
scrolling="no"
style="margin: 0cm; "
frameborder="0" 
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen>
</iframe>





3. Rotate Clock [CSS Only]


<iframe 
width="100%" height="315" 
src="https://rotateclockxd.blogspot.com/" 
scrolling="no"
style="margin: 0cm; "
frameborder="0" 
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen>
</iframe>





4. Minimalist Clock, Pure CSS with current time



<iframe 
width="100%" height="315" 
src="https://minimalistclock.blogspot.com/" 
scrolling="no"
style="margin: 0cm; "
frameborder="0" 
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen>
</iframe>




5. Javascript Clock with Milliseconds


<iframe 
width="100%" height="315" 
src="https://millisecondsclock.blogspot.com/" 
scrolling="no"
style="margin: 0cm; "
frameborder="0" 
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen>
</iframe>





6. CSS Variable-Powered Clock


<iframe 
width="100%" height="315" 
src="https://bit.ly/cssvariablepoweredclock" 
scrolling="no"
style="margin: 0cm; "
frameborder="0" 
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 
allowfullscreen>
</iframe>





Comments

Random Posts