Hover Clock is a beautiful, customizable digital clock for any web page. Hover Clock Features: • Clocks settings can be…
HoverClock Extension
Hover Clock Features:
• Clocks settings can be customized for every web page.
• Change size and position by simply dragging the clock anywhere on your screen.
• Open the settings menu to browse millions of background images.
• Control which sites the clock appears on.
• Each site you visit can have a custom clock size, color, and background.
• Settings are automatically saved for each web page.
• Minimize the clock into a mini \"time capsule\".
• Clocks can be opened into new browser window for use anywhere on your computer desktop.
• Clock can be opened into a new browser tab.
• Clock can be instantly docked to preset locations (top left, top right, etc).
How to use:
• Once installed, the clock will automatically appear on every webpage. You can drag the clock by clicking and holding the mouse on it, and resize it by dragging the lower right corner.
• Click the minimize button in the upper left corner to enable a tiny \"time capsule\" version of the clock.
• Click the \"New Window\" button (+) in the upper right to pop open the current clock into it's own browser window that you place anywhere on your computer.
• Click the \"Full Screen\" button in the upper right corner to fill the current web page, or as a new window for a true full screen experience.
• To customize the clock's appearance and manage blocked domains, click on the settings icon in the bottom left corner of the clock. This will open settings where you can change the font size, background color and opacity, and load random background images. You can also toggle the display of date, time zone, and seconds. Click the Save button to remember your settings.
• If you want to hide the clock for a specific domain, simply open the settings and click the block button. This will add the domain to a blocked list which you can also manage in settings (from any other site that isn't blocked).
• To minimize the clock into a small \"time capsule\", simply press the corner arrow in the upper left of the clock.
• Click the dock icon to select from preset locations on the screen: top left, top center, top right, bottom left, bottom center, bottom right, and screen center.
• Click the New Tab button to open full-page the clock in a new browser tab.
- - - - - - -
Privacy:
The HoverClock Extension only saves your settings locally on your browser using Chrome's sync storage. No data is collected or shared externally.
- - - - - - -
New in Version 1.61
Minor bug fixes
New in Version 1.6
Open clock in a new tab
Docking buttons for sides and corners of screen
Update action icons
Multiple frontend and backend optimizations
New in Version 1.5.1
Removed unused ActiveTab permission
New in Version 1.5
Millions of background images via Unsplash API
Image Links and Attributions
Image loading indicator spinner
Auto-saving indicator spinner
Random Image Themes
Separate Opacity Settings for Image and Color
All settings auto-save
Free resize (aspect ratio not constrained)
Multiple frontend and backend optimizations
New in Version 1.4
Button to pop out into it's own window
'Minimized' state is saved across sessions
Full screen button
Clock will always remain on-screen when moving/resizing
New in Version 1.3
Minimized Time Capsule
Encapsulated in Shadow DOM
Clips long blocked site names
Moved block button to settings
Clock settings unique to each domain
New in Version 1.2
Standardized Style across domains
Hide without blocking domain
Random Background Image
12/24 Hours Format
Hide TimeZone
Hide Seconds
Hide Date
- - - - - - -
Known issue:
Some web sites use CSP (Content Security Policy) settings that prevent the random background images from loading. On these sites, you will only be able to change the background color and opacity.
- - - - - - -
Acknowledgments
Background Image Photos Courtesy of Unsplash
Loading/Saving Spinners Courtesy of Loading.IO
Coding Assitance from ChatGPT-4
Source Manifest.json
How to download and manually install HoverClock extension for Chrome
Looking for a way to install HoverClock extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.
However, you may need to install HoverClock extensions manually, this article outlines two simple methods to effortlessly install HoverClock extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.
Method 1: Download HoverClock extension and manually install through Drag &Drop
If you ever need to manually install a HoverClock extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.
Step 1: Download the HoverClock Extension by clicking the "Download CRX" button on the website.
Look for the HoverClock extension you wish to install. Go to the website and download the HoverClock extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for HoverClock extension that contains all the data.
Step 2: Extract &Arrange Files
Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.
Step 3: Go to the Chrome Extensions Page
Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.
Step 4: Drag and Drop the Extension
Now, go to the folder where you extracted the HoverClock extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.
Step 5: Complete the Installation
Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.
Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.
Method 2: Download HoverClock extension for Chrome and install in Developer Mode
This is another method to install HoverClock extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.
Step 1: Download the HoverClock extension file
Select and download the HoverClock extension by clicking the 'Download CRX' button on the website.
Step 2: Extract the downloaded contents
Convert the file to a ZIP file if it is in CRX format then extract the HoverClock extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your HoverClock extension running.
Step 3: Open Chrome Extension Setting Page
In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.
Step 4: Enable Developer Mode
After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.
Step 5: Load the Unpacked Extension
Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."
Step 6: Select the Extension Folder
Once the pop-up opens upon clicking Load unpacked, select the HoverClock extension directory and click on the "Select Folder "button.
Step 7: Confirm and Install
After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.
Conclusion
Here we've made a step-by-step guide on How to manually install HoverClock extension in 2 ways. We hope this guide proves helpful.
Similar Extensions
Clock on Top 182 1 ★ 38.7KiB
Digital clock for Google Chrome ™ 182 3 ★ 637KiB
Clock in full screen 182 5 ★ 455KiB
Overlay Clock 182 29 ★ 290KiB
Big Clock | Hour 182 2 ★ 908KiB
Time Clock 182 2 ★ 23.14KiB
Badge Clock: simple toolbar clock 182 4 ★ 44.57KiB
New Tab Clock 182 3 ★ 29.47KiB
Digital Clock 182 1 ★ 661KiB
Floating Digital Clock for Zerodha Kite 182 3 ★ 9.91KiB
Big Clock | Minute 182 1 ★ 912KiB
Minimalist clock 182 1 ★ 186KiB
HMS Clock 182 2 ★ 217KiB
Desktop Clock Mini 182 3 ★ 7.31KiB
Digital Clock 182 1 ★ 323KiB
Sidebar Clock 182 2 ★ 133KiB
Clock 182 5 ★ 494KiB
Clock Tab 182 4 ★ 2.25MiB
Time and date 182 0 ★ 18.99KiB
Just a Clock - the Hours 182 286 ★ 125KiB
Date Today for Google Chrome 182 300 ★ 373KiB
Clock Face: Digital clock for new tab page 182 7 ★ 172KiB
EasyClock 182 0 ★ 13.16KiB
Clock New Tab - Dashboard with ChatGPT 182 3 ★ 414KiB