|
Halo semuanya, berjumpa lagi dengan saya seonxyrbae
Hari ini, dalam artikel ini, saya akan Membahas dengan Anda tentang bagaimana Cara Menambahkan Fitur Notifikasi no Internet Connection di Website Anda.
Apa itu Notifikasi No Internet Connection :-
Ini adalah fitur yang sangat sederhana. Ini akan langsung mengingatkan pengunjung ketika koneksi jaringan aktif atau nonaktif di ponsel.
Bagaimana Cara Menambahkannya :-
Jadi, untuk menambahkan Fitur Peringatan No Internet Connection di blogger Anda harus mengikuti proses berikut ini dengan tepat.
Terlebih lagi, dengan bantuan langkah-langkah ini, Anda dapat dengan mudah menambahkan fitur ini di situs web blogger Anda. Mari simak langkah berikut ini
Langkah 1 :-
Ada baiknya anda harus mencadangkan tema Anda sebelum mengeditnya
<style>
/* Notifikasi no internet connection by Seonxyrbae*/
.Nn span{position:fixed;left:25px;top:-70px;display:inline-flex;justify-content:center;margin-top:20px;z-index:99999;background:#ffffff;color:#000000;box-shadow:0 0 15px #000;border-radius:5px;padding:16px 25px;opacity:0;transition:all .3s ease;animation:slidedown 2s ease forwards}
@media screen and (max-width:500px){.Nn span{margin-top:20px;left:25px;right:25px}}
@keyframes slidedown{0%{opacity:0}20%{opacity:1;top:0}50%{opacity:1;top:0}80%{opacity:1;top:0}100%{opacity:0;top:-70px;visibility:hidden}}
</style>
Langkah 2 :-
<div class='Nn'></div>
<script>/*<![CDATA[*/
window.addEventListener("offline",function(){document.querySelector(".Nn").innerHTML="<span>No Internet Connection!</span>"}),window.addEventListener("online",function(){document.querySelector(".Nn").innerHTML="<span>Internet Connection Restored!</span>"});
/*]]>*/</script>
Kesimpulan :-
Cukup sekian dulu Tutorial Cara Menambahkan Notifikasi no Internet Connection di Blogger. Jika kalian ingin request tutorial silahkan pergi ke Kolom Komentar
