The Offline Widget is a lightweight, elegantly coded component that seamlessly integrates into your website. It serves as a handy tool to maintain user engagement, even in the absence of an internet connection. When a visitor encounters a network disruption, the widget activates and displays a personalized message, providing relevant information and guidance.
Our widget employs advanced technologies to optimize performance and user satisfaction. It intelligently detects changes in network status, instantly triggering its functionalities. The Offline Widget's intuitive design ensures seamless integration with any website style, providing a consistent and visually appealing offline experience.
Tutorial
Attention !
This HTML or Javascript for only Median UI v1.7
Please go to blogger > themes > edit html copy the javascript below and paste it above the code </body> . Then click on the top save icon and changes.
<script>/*<![CDATA[*/
window.addEventListener('online', updateOnlineStatus);
window.addEventListener('offline', updateOnlineStatus);
function updateOnlineStatus() {
var messageElement = document.getElementById('SAnoInternet');
if (navigator.onLine) {
messageElement.style.display = 'none';
} else {
messageElement.style.display = 'block';
}
}
updateOnlineStatus();
/*]]>*/</script>
How to use
Please copy the html code and place it where you want to show the No Internet Widget.
<p class='note wr' id='SAnoInternet'><b>No Internet</b> <br>Looks like you are facing a temporary network interruption. Or check your network connection.</br></p>
Conclusion
In this article, I have shared How to Add No Internet Widget In Median UI v1.7 I hope you have liked it Please do share it with your friends and follow our blog for more.
Source By:
www.sanvedesign.com