Cara Memasang Efek Preloading Sederhana Di Blog
Cara Memasang Efek Preloading Sederhana di Blog - Halo teman TrikS sudah usang tidak menyapa kali ini aku akan share kepada kalian cara memasang imbas preloading sederhana di blog, fungsinya untuk memberi jeda biar terlihat lebih dipandang oleh pengunjung selagi blog teman lagi loading. pada tutorial ini gambar bersifat .gif nah teman juga dapat mengganti gambarnyasesuai teman sendiri baiklah eksklusif saja ke caranya...
Baca Juga : Cara Praktis Membuat Tampilan Under Maintance di Blog
Cara Memasang Efek Preloading Sederhana di Blog
Pertama teman masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy aba-aba dibawah ini dan pastekan sempurna diatas aba-aba </body>
<style type='text/css'> #loading{ position: fixed!important; top: 0; right: 0; bottom: 0; left: 0; z-index: 9999; background:#000 url('https://mir-s3-cdn-cf.behance.net/project_modules/disp/04de2e31234507.564a1d23645bf.gif') no-repeat 50% 30%; display: none; font: 0/0 a; text-shadow: none; padding: 1em 1.2em; } </style> <script type='text/javascript'> //<![CDATA[ $(document.body).append('<div id="loading">Loading...</div>'); $(window).on("beforeunload", function() { // ... Show the Animation `.fadeIn()` $('#loading').fadeIn(1000).delay(6000).fadeOut(1000); }); //]]> </script>Yang bertanda merah dapat teman ganti dengan gambar teman sendiri. Jika sudah klik simpan. Gimana gampang bukan sobat?
Oke sekian yang dapat aku sampaikan tentang Cara Memasang Efek Preloading Sederhana di Blog Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.
Oke sekian yang dapat aku sampaikan tentang Cara Memasang Efek Preloading Sederhana di Blog Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.
Sumber https://www.triksimple.com/
