Cara Memasang Pengaruh 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 supaya terlihat lebih dipandang oleh pengunjung selagi blog teman lagi loading. pada tutorial ini gambar bersifat .gif nah teman juga dapat mengganti gambarnyasesuai teman sendiri sepakat pribadi 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 instruksi dibawah ini dan pastekan sempurna diatas instruksi </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.

Sumber https://www.triksimple.com/

Bagikan Artikel ini